:root {
    --okd-color-gray-050: #f9f9f9;
    --okd-color-gray-100: #ebebeb;
    --okd-color-gray-200: #dbdbdb;
    --okd-color-gray-300: #bdbdbd;
    --okd-color-gray-400: #929292;
    --okd-color-gray-500: #6e6e6e;
    --okd-color-gray-600: #545454;
    --okd-color-gray-700: #3d3d3d;
    --okd-color-gray-800: #1a1a1a;
    --okd-color-gray-900: #000;
    --okd-color-blue-050: #f5f9ff;
    --okd-color-blue-100: #d1e3ff;
    --okd-color-blue-200: #afcfff;
    --okd-color-blue-300: #8dbbff;
    --okd-color-blue-400: #6ba6ff;
    --okd-color-blue-500: #4992ff;
    --okd-color-blue-600: #277dff;
    --okd-color-blue-700: #0569ff;
    --okd-color-blue-800: #005eea;
    --okd-color-blue-900: #0051ca;
    --okd-color-green-050: #f2fff7;
    --okd-color-green-100: #d2f4de;
    --okd-color-green-200: #a5e9be;
    --okd-color-green-300: #78de9d;
    --okd-color-green-400: #4bd37d;
    --okd-color-green-500: #31bd65;
    --okd-color-green-600: #18a04a;
    --okd-color-green-700: #127837;
    --okd-color-green-800: #0c5025;
    --okd-color-green-900: #0c5025;
    --okd-color-red-050: #fff8f9;
    --okd-color-red-100: #fcdce5;
    --okd-color-red-200: #f9b9ca;
    --okd-color-red-300: #f796b0;
    --okd-color-red-400: #f07596;
    --okd-color-red-500: #f1507b;
    --okd-color-red-600: #c14062;
    --okd-color-red-700: #91304a;
    --okd-color-red-800: #602031;
    --okd-color-red-900: #301019;
    --okd-color-orange-050: #fef9f6;
    --okd-color-orange-100: #fce3d4;
    --okd-color-orange-200: #fbceb4;
    --okd-color-orange-300: #f9b994;
    --okd-color-orange-400: #f7a474;
    --okd-color-orange-500: #f58f54;
    --okd-color-orange-600: #f6813d;
    --okd-color-orange-700: #f16514;
    --okd-color-orange-800: #e96010;
    --okd-color-orange-900: #bf4803;
    --okd-color-yellow-050: #fffcf5;
    --okd-color-yellow-100: #fff2d1;
    --okd-color-yellow-200: #ffe9af;
    --okd-color-yellow-300: #ffdf8d;
    --okd-color-yellow-400: #ffd66b;
    --okd-color-yellow-500: #ffcc49;
    --okd-color-yellow-600: #ffc327;
    --okd-color-yellow-700: #ffb905;
    --okd-color-yellow-800: #eaa900;
    --okd-color-yellow-900: #d29801;
    --okd-color-text-white: #fff;
    --okd-color-text-black: #1f2933;
    --okd-color-background-1: #fff;
    --okd-color-background-2: #f7f7f7;
    --okd-color-transparent: transparent;
    --okd-color-white: #fff;
    --okd-color-black: #000;
    --okd-color-line-muted: #ebebeb;
    --okd-color-line-secondary: #dbdbdb;
    --okd-color-line-amplifed: #bdbdbd;
    --okd-color-text-lighter: #bdbdbd;
    --okd-color-text-light: #929292;
    --okd-color-text-secondary: #3d3d3d;
    --okd-color-text-amplifed: #000;
    --okd-color-background-3: #f2f2f2;
    --okd-color-fq-blue-lv1: #0569ff;
    --okd-color-fq-green-lv1: #19cc5b;
    --okd-color-fq-red-lv1: #f1507b;
    --okd-color-fq-orange-lv1: #f16514;
    --okd-color-fq-blue-lv2: #0569ff;
    --okd-color-background-hover: #ebebeb;
    --okd-color-prefer-red-chart: #f1507b;
    --okd-color-prefer-red-bg: #eb4b6d;
    --okd-color-prefer-green-chart: #19cc5b;
    --okd-color-prefer-green-bg: #31bd65;
    --okd-color-prefer-red-text: #eb4b6d;
    --okd-color-prefer-green-text: #31bd65;
    --okd-color-branded-primary: #bcff2f;
    --okd-color-fq-critical: #eb4b6d;
    --okd-color-fq-warning: #f16514;
    --okd-color-fq-positive: #31bd65;
    --okd-color-fq-neutral: #000;
    --okd-color-fq-accent: #0569ff;
    --okd-color-prefer-neutral-text: #929292;
    --okd-color-prefer-neutral-bg: #929292;
    --okd-color-background-base-primary: #fff;
    --okd-color-background-base-secondary: #fafafa;
    --okd-color-background-surface-primary: #f3f3f3;
    --okd-color-background-surface-secondary: #f6f6f6;
    --okd-color-background-surface-pressed: #d9d9d9;
    --okd-color-background-surface-disable: #fafafa;
    --okd-color-background-scrim: rgba(0, 0, 0, .43);
    --okd-color-container-primary: #fff;
    --okd-color-container-secondary: #fafafa;
    --okd-color-container-tertiary: #fff;
    --okd-color-container-contrast: #414141;
    --okd-color-container-inverse: #0e0e0e;
    --okd-color-content-primary: #000;
    --okd-color-content-secondary: #383838;
    --okd-color-content-tertiary: #5b5b5b;
    --okd-color-content-contrast: #909090;
    --okd-color-content-disabled: #b3b3b3;
    --okd-color-content-inverse: #fff;
    --okd-color-border-primary: #e6e6e6;
    --okd-color-border-secondary: #b3b3b3;
    --okd-color-border-contrast: #fafafa;
    --okd-color-border-selected: #000;
    --okd-color-semantic-neutral: #000;
    --okd-color-semantic-notice: #ffb117;
    --okd-color-semantic-positive: #31bd65;
    --okd-color-semantic-negative: #eb4b6d;
    --okd-color-semantic-informative: #8a91ff;
    --okd-color-semantic-highlight: #bcff2f;
    --okd-color-dvp-neutral: rgba(0, 0, 0, .57);
    --okd-color-dvp-profit: #00bc4b;
    --okd-color-dvp-loss: #f5384f;
    --okd-color-categorical-01: #8a91ff;
    --okd-color-categorical-02: #ffb117;
    --okd-color-categorical-03: #bcff2f;
    --okd-color-categorical-04: #12e366;
    --okd-color-categorical-05: #ff7888;
    --okd-color-common-transparent: hsla(0, 0%, 100%, 0);
    --okd-color-transparent-black: transparent;
    --okd-color-transparent-white: transparent;
    --okd-color-alert-info: #f7f7f7;
    --okd-color-alert-success: #eaf8f0;
    --okd-color-alert-warning: #fef9f6;
    --okd-color-alert-error: #fdedf0;
    --okd-color-common-background-2: #f3f3f3;
    --okd-color-data-visualization-category-01: #8a91ff;
    --okd-color-data-visualization-category-02: #ffb117;
    --okd-color-data-visualization-category-03: #bcff2f;
    --okd-color-data-visualization-category-04: #12e366;
    --okd-color-data-visualization-category-05: #ff7888;
    --okd-color-preference-loss: #f5384f;
    --okd-color-preference-profit: #00bc4b;
    --okd-color-preference-neutral: rgba(0, 0, 0, .57);
    --okd-color-border-focus: #000;
    --okd-color-background-base-primary_alternative: #fff;
    --okd-color-link-content: #4c2fff;
    --okd-color-link-accent-content-primary: #2b6d17;
    --okd-color-background-surface-contrast: #fff;
    --okd-color-background-surface-brand: #000;
    --okd-color-border-tertiary: #f3f3f3;
    --okd-color-content-brand: #000;
    --okd-color-modal-primary: #fff;
    --okd-color-modal-secondary: #fff;
    --okd-color-modal-tertiary: #fff;
    --okd-color-modal-contrast: #4d4d4d;
    --okd-color-card-primary: #f6f6f6;
    --okd-color-card-secondary: #f6f6f6;
    --okd-color-brand-primary: #2b6d17;
    --okd-color-brand-primary-alternative: #2b6d17;
    --okd-color-brand-secondary: #8ec51d;
    --okd-color-brand-tertiary: #bcff2f;
    --okd-color-brand-content: #e6ffb0;
    --okd-color-brand-content-contrast: #e6ffb0;
    --okd-color-global-fixed-always-dark: #000;
    --okd-color-global-fixed-always-light: #fff;
    --okd-color-surface-structural-subbase: #f5f5f5;
    --okd-color-surface-info-default: #4a4a4a;
    --okd-color-surface-info-subtle: #f5f5f5;
    --okd-color-surface-warning-default: #db8f00;
    --okd-color-surface-warning-subtle: #ffedcb;
    --okd-color-surface-success-default: #2b6d17;
    --okd-color-surface-success-subtle: #e9f4d1;
    --okd-color-surface-danger-default: #ba2133;
    --okd-color-surface-danger-subtle: #fee0e3;
    --okd-color-surface-interactive-default: rgba(0, 0, 0, .04);
    --okd-color-surface-interactive-hovered: rgba(0, 0, 0, .14);
    --okd-color-surface-interactive-pressed: rgba(0, 0, 0, .22);
    --okd-color-surface-interactive-disabled: rgba(0, 0, 0, .02);
    --okd-color-surface-interactive-oncolor-default: hsla(0, 0%, 100%, .9);
    --okd-color-surface-interactive-oncolor-hovered: hsla(0, 0%, 100%, .7);
    --okd-color-surface-interactive-oncolor-pressed: hsla(0, 0%, 100%, .5);
    --okd-color-surface-interactive-emphasis-default: rgba(0, 0, 0, .99);
    --okd-color-surface-interactive-emphasis-hovered: rgba(0, 0, 0, .8);
    --okd-color-surface-interactive-emphasis-pressed: rgba(0, 0, 0, .7);
    --okd-color-surface-interactive-emphasis-disabled: rgba(0, 0, 0, .02);
    --okd-color-surface-interactive-selected-default: #000;
    --okd-color-surface-interactive-selected-subtle: rgba(0, 0, 0, .14);
    --okd-color-surface-interactive-selected-oncolor: hsla(0, 0%, 100%, .9);
    --okd-color-surface-structural-base: #fff;
    --okd-color-surface-structural-layer-1: #f5f5f5;
    --okd-color-surface-structural-layer-2: #e6e6e6;
    --okd-color-surface-structural-layer-3: #cac9c9;
    --okd-color-surface-structural-highlight: var(--global-color-highlight);
    --okd-color-surface-structural-inverse: #000;
    --okd-color-surface-structural-elevated-default: #fff;
    --okd-color-surface-structural-elevated-contrast: #fff;
    --okd-color-surface-structural-overlay: rgba(0, 0, 0, .4);
    --okd-color-border-static-default: rgba(0, 0, 0, .14);
    --okd-color-border-static-subtle: rgba(0, 0, 0, .04);
    --okd-color-border-static-dotted: rgba(0, 0, 0, .32);
    --okd-color-border-interactive-default: #757575;
    --okd-color-border-interactive-hovered: #333;
    --okd-color-border-interactive-pressed: #000;
    --okd-color-border-interactive-focused: #000;
    --okd-color-border-interactive-selected: #000;
    --okd-color-border-interactive-error: #ba2133;
    --okd-color-border-interactive-emphasis: #4a4a4a;
    --okd-color-border-interactive-oncolor: #e6e6e6;
    --okd-color-border-static-emphasis: #4a4a4a;
    --okd-color-border-static-experience: var(--global-color-experience-default);
    --okd-color-border-static-highlight: var(--global-color-highlight);
    --okd-color-border-static-overlay: hsla(0, 0%, 100%, .9);
    --okd-color-border-interactive-disabled: rgba(0, 0, 0, .14);
    --okd-color-border-info-default: #212121;
    --okd-color-border-info-subtle: #757575;
    --okd-color-border-warning-default: #db8f00;
    --okd-color-border-warning-subtle: #ffedcb;
    --okd-color-border-success-default: #2b6d17;
    --okd-color-border-success-subtle: #e9f4d1;
    --okd-color-border-danger-default: #ba2133;
    --okd-color-border-danger-subtle: #fee0e3;
    --okd-color-content-static-default: #000;
    --okd-color-content-interactive-default: #4a4a4a;
    --okd-color-content-interactive-subtle: #757575;
    --okd-color-content-interactive-hovered: #212121;
    --okd-color-content-static-subtle: #5e5e5e;
    --okd-color-content-interactive-pressed: #000;
    --okd-color-content-static-inverse: #fff;
    --okd-color-content-static-highlight: var(--global-color-highlight);
    --okd-color-content-static-placeholder: rgba(0, 0, 0, .22);
    --okd-color-content-interactive-active: #000;
    --okd-color-content-interactive-selected: #000;
    --okd-color-content-interactive-error: #ba2133;
    --okd-color-content-interactive-disabled: rgba(0, 0, 0, .14);
    --okd-color-content-info-default: #212121;
    --okd-color-content-info-subtle: #757575;
    --okd-color-content-warning-default: #db8f00;
    --okd-color-content-warning-subtle: #ffedcb;
    --okd-color-content-success-default: #2b6d17;
    --okd-color-content-success-subtle: #e9f4d1;
    --okd-color-content-danger-default: #ba2133;
    --okd-color-content-danger-subtle: #fee0e3;
    --okd-color-content-illustration-default: #000;
    --okd-color-content-dataviz-categorical-1: #2b6d17;
    --okd-color-content-dataviz-categorical-2: #277ae7;
    --okd-color-content-dataviz-categorical-3: #db8f00;
    --okd-color-content-dataviz-categorical-4: #edc746;
    --okd-color-content-dataviz-categorical-5: #9543ff;
    --okd-color-content-dataviz-categorical-6: #5e5e5e;
    --okd-color-content-dataviz-categorical-7: #858585;
    --okd-color-content-dataviz-categorical-8: #afafaf;
    --okd-color-content-illustration-inverse: #fff;
    --okd-color-content-illustration-experience: var(--global-color-experience-default);
    --okd-color-content-illustration-highlight: var(--global-color-highlight);
    --okd-font-size-base: 16px;
    --okd-font-size-md: 14px;
    --okd-font-size-xs: 12px;
    --okd-line-height-base: 20px;
    --okd-line-height-md: 20px;
    --okd-line-height-xs: 16px;
    --okd-shadow-none: 0 0 0 0 transparent;
    --okd-shadow-xs: 0 0 0 1px #0000000d;
    --okd-shadow-sm: 0 1px 2px 0 #0000000d;
    --okd-shadow-default: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
    --okd-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
    --okd-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
    --okd-shadow-xl: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
    --okd-shadow-2xl: 0 25px 50px -12px #00000040;
    --okd-border-radius-none: 0;
    --okd-border-radius-sm: 2px;
    --okd-border-radius-md: 4px;
    --okd-border-radius-lg: 6px;
    --okd-border-radius-xl: 8px;
    --okd-border-radius-xxl: 10px;
    --okd-border-radius-xxxl: 12px;
    --okd-font-family: HarmonyOS Sans, SF Pro Text, SF Pro Icons, Arial, Helvetica Neue, Helvetica, sans-serif;
    --okd-text-display-lg-font-size: 56px;
    --okd-text-display-lg-font-weight: 500;
    --okd-text-display-lg-line-height: 1.32;
    --okd-text-display-md-font-size: 40px;
    --okd-text-display-md-font-weight: 500;
    --okd-text-display-md-line-height: 52px;
    --okd-text-display-sm-font-size: 40px;
    --okd-text-display-sm-font-weight: 500;
    --okd-text-display-sm-line-height: 52px;
    --okd-text-heading-lg-font-size: 30px;
    --okd-text-heading-lg-font-weight: 500;
    --okd-text-heading-lg-line-height: 40px;
    --okd-text-heading-md-font-size: 24px;
    --okd-text-heading-md-font-weight: 500;
    --okd-text-heading-md-line-height: 30px;
    --okd-text-heading-sm-font-size: 18px;
    --okd-text-heading-sm-font-weight: 500;
    --okd-text-heading-sm-line-height: 24px;
    --okd-text-heading-xl-font-size: 36px;
    --okd-text-heading-xl-line-height: 1.32;
    --okd-text-heading-xl-font-weight: 600;
    --okd-text-heading-xxl-font-size: 40px;
    --okd-text-heading-xxl-line-height: 1.32;
    --okd-text-heading-xxl-font-weight: 600;
    --okd-text-heading-overline-font-size: 12px;
    --okd-text-heading-overline-line-height: 15px;
    --okd-text-heading-overline-font-weight: 500;
    --okd-text-body-sm-regular-font-size: 14px;
    --okd-text-body-sm-regular-font-weight: 400;
    --okd-text-body-sm-regular-line-height: 21px;
    --okd-text-body-sm-bold-font-size: 14px;
    --okd-text-body-sm-bold-font-weight: 500;
    --okd-text-body-sm-bold-line-height: 21px;
    --okd-text-body-md-regular-font-size: 16px;
    --okd-text-body-md-regular-font-weight: 400;
    --okd-text-body-md-regular-line-height: 24px;
    --okd-text-body-md-bold-font-size: 16px;
    --okd-text-body-md-bold-font-weight: 500;
    --okd-text-body-md-bold-line-height: 24px;
    --okd-text-body-xs-regular-font-size: 12px;
    --okd-text-body-xs-regular-font-weight: 400;
    --okd-text-body-xs-regular-line-height: 18px;
    --okd-text-body-xs-bold-font-size: 12px;
    --okd-text-body-xs-bold-font-weight: 500;
    --okd-text-body-xs-bold-line-height: 18px;
    --okd-font-weight-400: 400;
    --okd-font-weight-500: 500;
    --okd-font-weight-600: 600;
    --okd-font-weight-700: 700;
    --okd-font-weight-800: 800;
    --okd-font-weight-900: 900;
    --okd-font-weight-regular: 400;
    --okd-font-weight-medium: 500;
    --okd-font-weight-bold: 700;
    --okd-notification-success-icon-color: var(--okd-color-semantic-positive);
    --okd-notification-info-icon-color: var(--okd-color-content-primary);
    --okd-notification-warn-icon-color: var(--okd-color-semantic-notice);
    --okd-notification-error-icon-color: var(--okd-color-semantic-negative);
    --okd-notification-title-color: var(--okd-color-content-primary);
    --okd-notification-text-color: var(--okd-color-content-secondary);
    --okd-notification-action-confirm-btn-color: var(--okd-color-content-primary);
    --okd-notification-action-cancel-btn-color: var(--okd-color-content-primary);
    --okd-notification-box-close-icon-color: var(--okd-color-content-contrast);
    --okd-notification-box-shadow: var(--okd-shadow-xl);
    --okd-notification-box-background: var(--okd-color-modal-tertiary);
    --okd-notification-box-border-color: var(--okd-color-border-primary);
    --okd-notification-box-border-radius: var(--okd-border-radius-md);
    --okd-notification-box-padding: 16px;
    --okd-notification-box-each-margin: 14px;
    --okd-notification-box-max-width: 700px;
    --okd-notification-box-min-width: 451px;
    --okd-notification-box-auto-width-min-width: 100px;
    --okd-notification-box-icon-text-margin: 15px;
    --okd-notification-title-font-size: var(--okd-font-size-md);
    --okd-notification-title-line-height: var(--okd-line-height-md);
    --okd-notification-text-font-size: var(--okd-font-size-md);
    --okd-notification-text-line-height: var(--okd-line-height-md);
    --okd-notification-action-font-size: var(--okd-font-size-md);
    --okd-notification-action-line-height: var(--okd-line-height-md);
    --okd-notification-pending-icon-color: var(--okd-color-content-primary);
    --okd-dialog-window-background: var(--okd-color-modal-primary);
    --okd-dialog-window-mask-color: var(--okd-color-background-scrim);
    --okd-dialog-window-box-shadow: var(--okd-shadow-xl);
    --okd-dialog-window-default-text-color: var(--okd-color-content-primary);
    --okd-dialog-window-border-radius: 8px;
    --okd-dialog-window-close-btn-color: var(--okd-color-content-contrast);
    --okd-dialog-window-close-size: 32px;
    --okd-dialog-window-split-line-border-color: var(--okd-color-border-primary);
    --okd-dialog-tip-window-min-width: 344px;
    --okd-dialog-tip-window-2btn-min-width: 448px;
    --okd-dialog-title-color: var(--okd-color-content-primary);
    --okd-dialog-title-font-size: 16px;
    --okd-dialog-title-line-height: 20px;
    --okd-dialog-title-box-sm-padding-vertical: 14px;
    --okd-dialog-title-box-md-padding-vertical: 12px;
    --okd-dialog-sub-title-color: var(--okd-color-content-contrast);
    --okd-dialog-sub-title-font-size: 14px;
    --okd-dialog-sub-title-line-height: 16px;
    --okd-dialog-tip-title-color: #000;
    --okd-dialog-tip-title-font-size: 18px;
    --okd-dialog-tip-title-line-height: 24px;
    --okd-dialog-tip-detail-color: #3d3d3d;
    --okd-dialog-tip-detail-font-size: 14px;
    --okd-dialog-tip-detail-line-height: 20px;
    --okd-dialog-tip-success-icon-bg: var(--okd-color-semantic-positive);
    --okd-dialog-tip-info-icon-bg: var(--okd-color-semantic-neutral);
    --okd-dialog-tip-prompt-icon-bg: rgba(241, 101, 20, .2);
    --okd-dialog-tip-warn-icon-bg: var(--okd-color-semantic-notice);
    --okd-dialog-tip-alert-icon-bg: rgba(241, 80, 123, .2);
    --okd-dialog-tip-error-icon-bg: var(--okd-color-semantic-negative);
    --okd-dialog-tip-success-icon-color: var(--okd-color-semantic-positive);
    --okd-dialog-tip-info-icon-color: var(--okd-color-semantic-neutral);
    --okd-dialog-tip-prompt-icon-color: #f16514;
    --okd-dialog-tip-warn-icon-color: var(--okd-color-semantic-notice);
    --okd-dialog-tip-alert-icon-color: #f1507b;
    --okd-dialog-tip-error-icon-color: var(--okd-color-semantic-negative);
    --okd-dialog-tip-icon-bg-size: 48px;
    --okd-dialog-tip-icon-font-size: 48px;
    --okd-dialog-action-close-btn-color: #0569ff;
    --okd-dialog-footer-box-sm-padding-vertical: 20px;
    --okd-dialog-footer-box-md-padding-vertical: 12px;
    --okd-dialog-tip-footer-box-sm-padding-vertical: 16px;
    --okd-dialog-tip-footer-box-md-padding-vertical: 24px;
    --okd-dialog-container-sm-padding-horizontal: 16px;
    --okd-dialog-container-md-padding-horizontal: 24px;
    --okd-dialog-container-md-padding-vertical: 24px;
    --okd-dialog-container-sm-padding-vertical: 16px;
    --okd-dialog-window-close-icon-size: 24px;
    --okd-dialog-window-back-icon-size: 24px;
    --okd-dialog-tip-container-md-padding-top: 28px;
    --okd-dialog-tip-container-md-padding-bottom: 24px;
    --okd-dialog-tip-container-sm-padding-top: 20px;
    --okd-dialog-tip-container-sm-padding-bottom: 24px;
    --okd-dialog-window-action-padding: 16px;
    --okd-dialog-footer-action-cancel-type: secondary;
    --okd-dialog-footer-action-confirm-type: highlight;
    --okd-dialog-footer-action-cancel-size: sm;
    --okd-dialog-footer-action-confirm-size: sm;
    --okd-dialog-window-sm-border-radius: 12px;
    --okd-dialog-title-font-weight: 700;
    --okd-dialog-footer-btn-full-sm-margin-top: 8px;
    --okd-dialog-footer-btn-md-margin-left: 12px;
    --okd-dialog-footer-btn-sm-margin-left: 12px;
    --okd-dialog-confirm-footer-sm-button-border-color: var(--okd-color-border-primary);
    --okd-dialog-confirm-footer-padding-top: 0;
    --okd-dialog-confirm-footer-padding-bottom: 24px;
    --okd-dialog-confirm-title-padding-top: 24px;
    --okd-dialog-confirm-no-title-padding-top: 24px;
    --okd-dialog-confirm-title-padding-bottom: 0px;
    --okd-dialog-confirm-max-width: 520px;
    --okd-dialog-confirm-min-width: 280px;
    --okd-dialog-confirm-container-color: var(--okd-color-content-secondary);
    --okd-dialog-confirm-container-line-height: 20px;
    --okd-dialog-confirm-container-font-size: 14px;
    --okd-dialog-confirm-container-sm-padding-bottom: 24px;
    --okd-dialog-confirm-icon-font-size: 22px;
    --okd-dialog-confirm-icon-margin-right: 10px;
    --okd-dialog-confirm-icon-line-height: 22px;
    --okd-dialog-title-icon-close-color: var(--okd-color-content-contrast);
    --okd-dialog-title-icon-back-color: var(--okd-color-content-primary);
    --okd-dialog-title-icon-close-hover-color: var(--okd-color-content-primary);
    --okd-dialog-title-icon-hover-background-color: hsla(0, 0%, 95%, 0);
    --okd-dialog-title-icon-hover-border-radius: 4px;
    --okd-dialog-title-icon-close-margin-left: 32px;
    --okd-dialog-title-icon-back-margin-right: 8px;
    --okd-dialog-window-back-btn-color: var(--okd-color-container-inverse);
    --okd-dialog-window-back-btn-margin-right: 12px;
    --okd-dialog-window-close-btn-margin-left: 12px;
    --okd-dialog-confirm-container-sm-padding-top: 8px;
    --okd-dialog-confirm-container-sm-padding-horizontal: 24px;
    --okd-dialog-confirm-title-padding-horizontal: 24px;
    --okd-dialog-footer-box-sm-padding-top: 12px;
    --okd-dialog-footer-box-sm-padding-bottom: 20px;
    --okd-dialog-confirmation-header-padding-top: 24px;
    --okd-dialog-confirmation-footer-padding-bottom: 24px;
    --okd-dialog-confirmation-padding-left: 24px;
    --okd-dialog-confirmation-padding-right: 24px;
    --okd-dialog-confirmation-container-padding-top: 32px;
    --okd-dialog-confirmation-container-padding-bottom: 32px;
    --okd-dialog-confirm-footer-sm-button-color: var(--okd-color-content-primary);
    --okd-dialog-window-min-width: 392px;
    --okd-dialog-confirm-container-padding-top: 32px;
    --okd-dialog-confirm-container-padding-bottom: 32px;
    --okd-dialog-confirm-window-background: var(--okd-color-modal-tertiary);
    --okd-dialog-confirmation-window-background: var(--okd-color-modal-primary);
    --okd-dialog-window-border-color: var(--okd-color-border-primary);
    --okd-button-primary-normal-default-background: #0569ff;
    --okd-button-primary-normal-hover-background: #4992ff;
    --okd-button-primary-normal-active-background: #005eea;
    --okd-button-primary-normal-focus-background: #0569ff;
    --okd-button-primary-normal-disabled-background: #ebebeb;
    --okd-button-primary-normal-default-border-color: #0569ff;
    --okd-button-primary-normal-hover-border-color: #4992ff;
    --okd-button-primary-normal-active-border-color: #005eea;
    --okd-button-primary-normal-focus-border-color: #0569ff;
    --okd-button-primary-normal-disabled-border-color: #ebebeb;
    --okd-button-primary-normal-default-font-color: #fff;
    --okd-button-primary-normal-hover-font-color: #fff;
    --okd-button-primary-normal-active-font-color: #fff;
    --okd-button-primary-normal-focus-font-color: #fff;
    --okd-button-primary-normal-disabled-font-color: #bdbdbd;
    --okd-button-primary-normal-default-icon-color: #fff;
    --okd-button-primary-normal-hover-icon-color: #fff;
    --okd-button-primary-normal-active-icon-color: #fff;
    --okd-button-primary-normal-focus-icon-color: #fff;
    --okd-button-primary-normal-disabled-icon-color: #bdbdbd;
    --okd-button-primary-normal-default-shadow: var(--okd-shadow-none);
    --okd-button-primary-normal-hover-shadow: var(--okd-shadow-none);
    --okd-button-primary-normal-active-shadow: var(--okd-shadow-none);
    --okd-button-primary-normal-focus-shadow: var(--okd-shadow-sm), 0px 0px 0px 3px rgba(175, 207, 255, .45);
    --okd-button-primary-normal-disabled-shadow: var(--okd-shadow-none);
    --okd-button-primary-normal-loader-track-color: #4992ff;
    --okd-button-primary-normal-loader-mark-color: #fff;
    --okd-button-primary-red-default-background: #91304a;
    --okd-button-primary-red-hover-background: #f1507b;
    --okd-button-primary-red-active-background: #602031;
    --okd-button-primary-red-focus-background: #91304a;
    --okd-button-primary-red-disabled-background: #ebebeb;
    --okd-button-primary-red-default-border-color: #91304a;
    --okd-button-primary-red-hover-border-color: #f1507b;
    --okd-button-primary-red-active-border-color: #602031;
    --okd-button-primary-red-focus-border-color: #602031;
    --okd-button-primary-red-disabled-border-color: #ebebeb;
    --okd-button-primary-red-default-font-color: #fff;
    --okd-button-primary-red-hover-font-color: #fff;
    --okd-button-primary-red-active-font-color: #fff;
    --okd-button-primary-red-focus-font-color: #fff;
    --okd-button-primary-red-disabled-font-color: #bdbdbd;
    --okd-button-primary-red-default-icon-color: #fff;
    --okd-button-primary-red-hover-icon-color: #fff;
    --okd-button-primary-red-active-icon-color: #fff;
    --okd-button-primary-red-focus-icon-color: #fff;
    --okd-button-primary-red-disabled-icon-color: #bdbdbd;
    --okd-button-primary-red-default-shadow: var(--okd-shadow-sm);
    --okd-button-primary-red-hover-shadow: var(--okd-shadow-none);
    --okd-button-primary-red-active-shadow: var(--okd-shadow-none);
    --okd-button-primary-red-focus-shadow: var(--okd-shadow-sm), 0px 0px 0px 3px rgba(247, 150, 176, .45);
    --okd-button-primary-red-disabled-shadow: var(--okd-shadow-none);
    --okd-button-primary-red-loader-track-color: #f1507b;
    --okd-button-primary-red-loader-mark-color: #fff;
    --okd-button-primary-green-default-background: #127837;
    --okd-button-primary-green-hover-background: #31bd65;
    --okd-button-primary-green-active-background: #0c5025;
    --okd-button-primary-green-focus-background: #127837;
    --okd-button-primary-green-disabled-background: #ebebeb;
    --okd-button-primary-green-default-border-color: #127837;
    --okd-button-primary-green-hover-border-color: #31bd65;
    --okd-button-primary-green-active-border-color: #0c5025;
    --okd-button-primary-green-focus-border-color: #127837;
    --okd-button-primary-green-disabled-border-color: #ebebeb;
    --okd-button-primary-green-default-font-color: #fff;
    --okd-button-primary-green-hover-font-color: #fff;
    --okd-button-primary-green-active-font-color: #fff;
    --okd-button-primary-green-focus-font-color: #fff;
    --okd-button-primary-green-disabled-font-color: #bdbdbd;
    --okd-button-primary-green-default-icon-color: #fff;
    --okd-button-primary-green-hover-icon-color: #fff;
    --okd-button-primary-green-active-icon-color: #fff;
    --okd-button-primary-green-focus-icon-color: #fff;
    --okd-button-primary-green-disabled-icon-color: #bdbdbd;
    --okd-button-primary-green-default-shadow: var(--okd-shadow-sm);
    --okd-button-primary-green-hover-shadow: var(--okd-shadow-none);
    --okd-button-primary-green-active-shadow: var(--okd-shadow-none);
    --okd-button-primary-green-focus-shadow: var(--okd-shadow-sm), 0px 0px 0px 3px rgba(120, 222, 157, .45);
    --okd-button-primary-green-disabled-shadow: var(--okd-shadow-none);
    --okd-button-primary-green-loader-track-color: #31bd65;
    --okd-button-primary-green-loader-mark-color: #fff;
    --okd-button-secondary-normal-default-background: #d1e3ff;
    --okd-button-secondary-normal-hover-background: #f5f9ff;
    --okd-button-secondary-normal-active-background: #afcfff;
    --okd-button-secondary-normal-focus-background: #d1e3ff;
    --okd-button-secondary-normal-disabled-background: #ebebeb;
    --okd-button-secondary-normal-default-border-color: #d1e3ff;
    --okd-button-secondary-normal-hover-border-color: #f5f9ff;
    --okd-button-secondary-normal-active-border-color: #afcfff;
    --okd-button-secondary-normal-focus-border-color: #d1e3ff;
    --okd-button-secondary-normal-disabled-border-color: #ebebeb;
    --okd-button-secondary-normal-default-font-color: #005eea;
    --okd-button-secondary-normal-hover-font-color: #005eea;
    --okd-button-secondary-normal-active-font-color: #005eea;
    --okd-button-secondary-normal-focus-font-color: #005eea;
    --okd-button-secondary-normal-disabled-font-color: #bdbdbd;
    --okd-button-secondary-normal-default-icon-color: #0569ff;
    --okd-button-secondary-normal-hover-icon-color: #0569ff;
    --okd-button-secondary-normal-active-icon-color: #0569ff;
    --okd-button-secondary-normal-focus-icon-color: #0569ff;
    --okd-button-secondary-normal-disabled-icon-color: #bdbdbd;
    --okd-button-secondary-normal-default-shadow: var(--okd-shadow-none);
    --okd-button-secondary-normal-hover-shadow: var(--okd-shadow-none);
    --okd-button-secondary-normal-active-shadow: var(--okd-shadow-none);
    --okd-button-secondary-normal-focus-shadow: 0px 0px 0px 3px rgba(175, 207, 255, .45);
    --okd-button-secondary-normal-disabled-shadow: var(--okd-shadow-none);
    --okd-button-secondary-normal-loader-track-color: #f5f9ff;
    --okd-button-secondary-normal-loader-mark-color: #0569ff;
    --okd-button-secondary-grey-default-background: #ebebeb;
    --okd-button-secondary-grey-hover-background: #f9f9f9;
    --okd-button-secondary-grey-active-background: #dbdbdb;
    --okd-button-secondary-grey-focus-background: #ebebeb;
    --okd-button-secondary-grey-disabled-background: #f9f9f9;
    --okd-button-secondary-grey-default-border-color: #ebebeb;
    --okd-button-secondary-grey-hover-border-color: #f9f9f9;
    --okd-button-secondary-grey-active-border-color: #dbdbdb;
    --okd-button-secondary-grey-focus-border-color: #ebebeb;
    --okd-button-secondary-grey-disabled-border-color: #f9f9f9;
    --okd-button-secondary-grey-default-font-color: #3d3d3d;
    --okd-button-secondary-grey-hover-font-color: #3d3d3d;
    --okd-button-secondary-grey-active-font-color: #3d3d3d;
    --okd-button-secondary-grey-focus-font-color: #3d3d3d;
    --okd-button-secondary-grey-disabled-font-color: #bdbdbd;
    --okd-button-secondary-grey-default-icon-color: #3d3d3d;
    --okd-button-secondary-grey-hover-icon-color: #3d3d3d;
    --okd-button-secondary-grey-active-icon-color: #3d3d3d;
    --okd-button-secondary-grey-focus-icon-color: #3d3d3d;
    --okd-button-secondary-grey-disabled-icon-color: #bdbdbd;
    --okd-button-secondary-grey-default-shadow: var(--okd-shadow-sm);
    --okd-button-secondary-grey-hover-shadow: var(--okd-shadow-none);
    --okd-button-secondary-grey-active-shadow: var(--okd-shadow-none);
    --okd-button-secondary-grey-focus-shadow: var(--okd-shadow-sm), 0px 0px 0px 3px var(--okd-color-gray-200);
    --okd-button-secondary-grey-disabled-shadow: var(--okd-shadow-none);
    --okd-button-secondary-grey-loader-track-color: #dbdbdb;
    --okd-button-secondary-grey-loader-mark-color: #3d3d3d;
    --okd-button-basic-normal-default-background: #fff;
    --okd-button-basic-normal-hover-background: #fff;
    --okd-button-basic-normal-active-background: #f9f9f9;
    --okd-button-basic-normal-focus-background: #fff;
    --okd-button-basic-normal-disabled-background: #fff;
    --okd-button-basic-normal-default-border-color: #dbdbdb;
    --okd-button-basic-normal-hover-border-color: #dbdbdb;
    --okd-button-basic-normal-active-border-color: #dbdbdb;
    --okd-button-basic-normal-focus-border-color: #8dbbff;
    --okd-button-basic-normal-disabled-border-color: #dbdbdb;
    --okd-button-basic-normal-default-font-color: #3d3d3d;
    --okd-button-basic-normal-hover-font-color: #929292;
    --okd-button-basic-normal-active-font-color: #000;
    --okd-button-basic-normal-focus-font-color: #3d3d3d;
    --okd-button-basic-normal-disabled-font-color: #bdbdbd;
    --okd-button-basic-normal-default-icon-color: #3d3d3d;
    --okd-button-basic-normal-hover-icon-color: #3d3d3d;
    --okd-button-basic-normal-active-icon-color: #3d3d3d;
    --okd-button-basic-normal-focus-icon-color: #3d3d3d;
    --okd-button-basic-normal-disabled-icon-color: #bdbdbd;
    --okd-button-basic-normal-default-shadow: var(--okd-shadow-sm);
    --okd-button-basic-normal-hover-shadow: var(--okd-shadow-none);
    --okd-button-basic-normal-active-shadow: var(--okd-shadow-none);
    --okd-button-basic-normal-focus-shadow: 0px 0px 0px 3px rgba(175, 207, 255, .45);
    --okd-button-basic-normal-disabled-shadow: var(--okd-shadow-none);
    --okd-button-basic-normal-loader-track-color: #d1e3ff;
    --okd-button-basic-normal-loader-mark-color: #0569ff;
    --okd-button-plain-normal-default-background: transparent;
    --okd-button-plain-normal-hover-background: #f5f9ff;
    --okd-button-plain-normal-active-background: #f5f9ff;
    --okd-button-plain-normal-focus-background: #f5f9ff;
    --okd-button-plain-normal-disabled-background: #f9f9f9;
    --okd-button-plain-normal-default-border-color: transparent;
    --okd-button-plain-normal-hover-border-color: transparent;
    --okd-button-plain-normal-active-border-color: transparent;
    --okd-button-plain-normal-focus-border-color: transparent;
    --okd-button-plain-normal-disabled-border-color: transparent;
    --okd-button-plain-normal-default-font-color: #005eea;
    --okd-button-plain-normal-hover-font-color: #005eea;
    --okd-button-plain-normal-active-font-color: #005eea;
    --okd-button-plain-normal-focus-font-color: #005eea;
    --okd-button-plain-normal-disabled-font-color: rgba(0, 94, 234, .45);
    --okd-button-plain-normal-default-icon-color: #005eea;
    --okd-button-plain-normal-hover-icon-color: #005eea;
    --okd-button-plain-normal-active-icon-color: #005eea;
    --okd-button-plain-normal-focus-icon-color: #005eea;
    --okd-button-plain-normal-disabled-icon-color: rgba(0, 94, 234, .45);
    --okd-button-plain-normal-default-shadow: none;
    --okd-button-plain-normal-hover-shadow: none;
    --okd-button-plain-normal-active-shadow: none;
    --okd-button-plain-normal-focus-shadow: none;
    --okd-button-plain-normal-disabled-shadow: none;
    --okd-button-plain-red-default-background: transparent;
    --okd-button-plain-red-hover-background: #fff8f9;
    --okd-button-plain-red-active-background: #fff8f9;
    --okd-button-plain-red-focus-background: #fff8f9;
    --okd-button-plain-red-disabled-background: #f9f9f9;
    --okd-button-plain-red-default-border-color: transparent;
    --okd-button-plain-red-hover-border-color: transparent;
    --okd-button-plain-red-active-border-color: transparent;
    --okd-button-plain-red-focus-border-color: transparent;
    --okd-button-plain-red-disabled-border-color: transparent;
    --okd-button-plain-red-default-font-color: #602031;
    --okd-button-plain-red-hover-font-color: #602031;
    --okd-button-plain-red-active-font-color: #602031;
    --okd-button-plain-red-focus-font-color: #602031;
    --okd-button-plain-red-disabled-font-color: rgba(96, 32, 49, .45);
    --okd-button-plain-red-default-icon-color: #602031;
    --okd-button-plain-red-hover-icon-color: #602031;
    --okd-button-plain-red-active-icon-color: #602031;
    --okd-button-plain-red-focus-icon-color: #602031;
    --okd-button-plain-red-disabled-icon-color: rgba(96, 32, 49, .45);
    --okd-button-plain-red-default-shadow: none;
    --okd-button-plain-red-hover-shadow: none;
    --okd-button-plain-red-active-shadow: none;
    --okd-button-plain-red-focus-shadow: none;
    --okd-button-plain-red-disabled-shadow: none;
    --okd-button-plain-green-default-background: transparent;
    --okd-button-plain-green-hover-background: #f2fff7;
    --okd-button-plain-green-active-background: #f2fff7;
    --okd-button-plain-green-focus-background: #f2fff7;
    --okd-button-plain-green-disabled-background: #f9f9f9;
    --okd-button-plain-green-default-border-color: transparent;
    --okd-button-plain-green-hover-border-color: transparent;
    --okd-button-plain-green-active-border-color: transparent;
    --okd-button-plain-green-focus-border-color: transparent;
    --okd-button-plain-green-disabled-border-color: transparent;
    --okd-button-plain-green-default-font-color: #0c5025;
    --okd-button-plain-green-hover-font-color: #0c5025;
    --okd-button-plain-green-active-font-color: #0c5025;
    --okd-button-plain-green-focus-font-color: #0c5025;
    --okd-button-plain-green-disabled-font-color: rgba(12, 80, 37, .45);
    --okd-button-plain-green-default-icon-color: #0c5025;
    --okd-button-plain-green-hover-icon-color: #0c5025;
    --okd-button-plain-green-active-icon-color: #0c5025;
    --okd-button-plain-green-focus-icon-color: #0c5025;
    --okd-button-plain-green-disabled-icon-color: rgba(12, 80, 37, .45);
    --okd-button-plain-green-default-shadow: none;
    --okd-button-plain-green-hover-shadow: none;
    --okd-button-plain-green-active-shadow: none;
    --okd-button-plain-green-focus-shadow: none;
    --okd-button-plain-green-disabled-shadow: none;
    --okd-button-plain-orange-default-background: transparent;
    --okd-button-plain-orange-hover-background: #fef9f6;
    --okd-button-plain-orange-active-background: #fef9f6;
    --okd-button-plain-orange-focus-background: #fef9f6;
    --okd-button-plain-orange-disabled-background: #f9f9f9;
    --okd-button-plain-orange-default-border-color: transparent;
    --okd-button-plain-orange-hover-border-color: transparent;
    --okd-button-plain-orange-active-border-color: transparent;
    --okd-button-plain-orange-focus-border-color: transparent;
    --okd-button-plain-orange-disabled-border-color: transparent;
    --okd-button-plain-orange-default-font-color: #e96010;
    --okd-button-plain-orange-hover-font-color: #e96010;
    --okd-button-plain-orange-active-font-color: #e96010;
    --okd-button-plain-orange-focus-font-color: #e96010;
    --okd-button-plain-orange-disabled-font-color: rgba(233, 96, 16, .45);
    --okd-button-plain-orange-default-icon-color: #e96010;
    --okd-button-plain-orange-hover-icon-color: #e96010;
    --okd-button-plain-orange-active-icon-color: #e96010;
    --okd-button-plain-orange-focus-icon-color: #e96010;
    --okd-button-plain-orange-disabled-icon-color: rgba(233, 96, 16, .45);
    --okd-button-plain-orange-default-shadow: none;
    --okd-button-plain-orange-hover-shadow: none;
    --okd-button-plain-orange-active-shadow: none;
    --okd-button-plain-orange-focus-shadow: none;
    --okd-button-plain-orange-disabled-shadow: none;
    --okd-button-plain-yellow-default-background: transparent;
    --okd-button-plain-yellow-hover-background: #fffcf5;
    --okd-button-plain-yellow-active-background: #fffcf5;
    --okd-button-plain-yellow-focus-background: #fffcf5;
    --okd-button-plain-yellow-disabled-background: #f9f9f9;
    --okd-button-plain-yellow-default-border-color: transparent;
    --okd-button-plain-yellow-hover-border-color: transparent;
    --okd-button-plain-yellow-active-border-color: transparent;
    --okd-button-plain-yellow-focus-border-color: transparent;
    --okd-button-plain-yellow-disabled-border-color: transparent;
    --okd-button-plain-yellow-default-font-color: #eaa900;
    --okd-button-plain-yellow-hover-font-color: #eaa900;
    --okd-button-plain-yellow-active-font-color: #eaa900;
    --okd-button-plain-yellow-focus-font-color: #eaa900;
    --okd-button-plain-yellow-disabled-font-color: rgba(234, 169, 0, .45);
    --okd-button-plain-yellow-default-icon-color: #eaa900;
    --okd-button-plain-yellow-hover-icon-color: #eaa900;
    --okd-button-plain-yellow-active-icon-color: #eaa900;
    --okd-button-plain-yellow-focus-icon-color: #eaa900;
    --okd-button-plain-yellow-disabled-icon-color: rgba(234, 169, 0, .45);
    --okd-button-plain-yellow-default-shadow: none;
    --okd-button-plain-yellow-hover-shadow: none;
    --okd-button-plain-yellow-active-shadow: none;
    --okd-button-plain-yellow-focus-shadow: none;
    --okd-button-plain-yellow-disabled-shadow: none;
    --okd-button-xxs-font-size: var(--okd-font-size-xs);
    --okd-button-xs-font-size: var(--okd-font-size-xs);
    --okd-button-sm-font-size: var(--okd-font-size-md);
    --okd-button-md-font-size: var(--okd-font-size-md);
    --okd-button-lg-font-size: var(--okd-font-size-base);
    --okd-button-xl-font-size: 18px;
    --okd-button-xxs-icon-size: 14px;
    --okd-button-xs-icon-size: 14px;
    --okd-button-sm-icon-size: 18px;
    --okd-button-md-icon-size: 18px;
    --okd-button-lg-icon-size: 18px;
    --okd-button-xl-icon-size: 18px;
    --okd-button-xxs-icon-margin: 6px;
    --okd-button-xs-icon-margin: 6px;
    --okd-button-sm-icon-margin: 6px;
    --okd-button-md-icon-margin: 6px;
    --okd-button-lg-icon-margin: 8px;
    --okd-button-xl-icon-margin: 8px;
    --okd-button-xxs-line-height: var(--okd-line-height-xs);
    --okd-button-xs-line-height: var(--okd-line-height-xs);
    --okd-button-sm-line-height: var(--okd-line-height-md);
    --okd-button-md-line-height: var(--okd-line-height-md);
    --okd-button-lg-line-height: var(--okd-line-height-base);
    --okd-button-xl-line-height: var(--okd-line-height-base);
    --okd-button-xxs-padding-horizontal: 8px;
    --okd-button-xxs-padding-vertical: 3px;
    --okd-button-xs-padding-horizontal: 8px;
    --okd-button-xs-padding-vertical: 5px;
    --okd-button-sm-padding-horizontal: 12px;
    --okd-button-sm-padding-vertical: 7px;
    --okd-button-md-padding-horizontal: 16px;
    --okd-button-md-padding-vertical: 9px;
    --okd-button-lg-padding-horizontal: 24px;
    --okd-button-lg-padding-vertical: 13px;
    --okd-button-xl-padding-horizontal: 24px;
    --okd-button-xl-padding-vertical: 17px;
    --okd-button-xxs-min-width: 63px;
    --okd-button-xs-min-width: 63px;
    --okd-button-sm-min-width: 81px;
    --okd-button-md-min-width: 90px;
    --okd-button-lg-min-width: 108px;
    --okd-button-xl-min-width: 126px;
    --okd-button-xxs-border-radius: 60px;
    --okd-button-xs-border-radius: 60px;
    --okd-button-sm-border-radius: 60px;
    --okd-button-md-border-radius: 60px;
    --okd-button-lg-border-radius: 60px;
    --okd-button-xl-border-radius: 60px;
    --okd-button-xxs-border-size: 1px;
    --okd-button-xs-border-size: 1px;
    --okd-button-sm-border-size: 1px;
    --okd-button-md-border-size: 1px;
    --okd-button-lg-border-size: 1px;
    --okd-button-xl-border-size: 1px;
    --okd-button-xl-loader-size: 18px;
    --okd-button-lg-loader-size: 14px;
    --okd-button-md-loader-size: 14px;
    --okd-button-sm-loader-size: 14px;
    --okd-button-xs-loader-size: 14px;
    --okd-button-xxs-loader-size: 14px;
    --okd-button-xl-loader-text-margin-left: 8px;
    --okd-button-lg-loader-text-margin-left: 8px;
    --okd-button-md-loader-text-margin-left: 6px;
    --okd-button-sm-loader-text-margin-left: 6px;
    --okd-button-xs-loader-text-margin-left: 6px;
    --okd-button-xxs-loader-text-margin-left: 6px;
    --okd-button-s-font-size: 14px;
    --okd-button-s-icon-size: 18px;
    --okd-button-s-icon-margin: 6px;
    --okd-button-s-line-height: 16px;
    --okd-button-s-padding-horizontal: 12px;
    --okd-button-s-padding-vertical: 7px;
    --okd-button-s-min-width: 72px;
    --okd-button-s-border-radius: 60px;
    --okd-button-s-loader-size: 14px;
    --okd-button-s-loader-text-margin-left: 6px;
    --okd-button-xl-font-weight: 600;
    --okd-button-lg-font-weight: 500;
    --okd-button-md-font-weight: 500;
    --okd-button-sm-font-weight: 500;
    --okd-button-rect-xxs-border-radius: 4px;
    --okd-button-rect-xs-border-radius: 4px;
    --okd-button-rect-sm-border-radius: 4px;
    --okd-button-rect-s-border-radius: 4px;
    --okd-button-rect-md-border-radius: 4px;
    --okd-button-rect-lg-border-radius: 8px;
    --okd-button-rect-xl-border-radius: 8px;
    --okd-button-fill-highlight-default-background: var(--okd-color-container-inverse);
    --okd-button-fill-highlight-hover-background: var(--okd-color-container-contrast);
    --okd-button-fill-highlight-active-background: var(--okd-color-container-contrast);
    --okd-button-fill-highlight-focus-background: #000;
    --okd-button-fill-highlight-disabled-background: #f3f3f3;
    --okd-button-fill-highlight-default-border-color: var(--okd-color-common-transparent);
    --okd-button-fill-highlight-hover-border-color: var(--okd-color-common-transparent);
    --okd-button-fill-highlight-active-border-color: var(--okd-color-common-transparent);
    --okd-button-fill-highlight-focus-border-color: #000;
    --okd-button-fill-highlight-disabled-border-color: var(--okd-color-common-transparent);
    --okd-button-fill-highlight-default-font-color: var(--okd-color-content-inverse);
    --okd-button-fill-highlight-hover-font-color: var(--okd-color-content-inverse);
    --okd-button-fill-highlight-active-font-color: var(--okd-color-content-inverse);
    --okd-button-fill-highlight-focus-font-color: #fff;
    --okd-button-fill-highlight-disabled-font-color: var(--okd-color-content-disabled);
    --okd-button-fill-highlight-default-icon-color: var(--okd-color-content-inverse);
    --okd-button-fill-highlight-hover-icon-color: var(--okd-color-content-inverse);
    --okd-button-fill-highlight-active-icon-color: var(--okd-color-content-inverse);
    --okd-button-fill-highlight-focus-icon-color: #fff;
    --okd-button-fill-highlight-disabled-icon-color: var(--okd-color-content-disabled);
    --okd-button-fill-highlight-default-shadow: var(--okd-shadow-none);
    --okd-button-fill-highlight-hover-shadow: var(--okd-shadow-none);
    --okd-button-fill-highlight-active-shadow: var(--okd-shadow-none);
    --okd-button-fill-highlight-focus-shadow: 0px 0px 0px 1.5px #fff, 0px 0px 0px 3.5px #1d202359;
    --okd-button-fill-highlight-disabled-shadow: var(--okd-shadow-none);
    --okd-button-fill-highlight-loader-track-color: hsla(0, 0%, 98%, .26);
    --okd-button-fill-highlight-loader-mark-color: var(--okd-color-border-contrast);
    --okd-button-fill-highlight-border-size: 0px;
    --okd-button-fill-primary-default-background: var(--okd-color-container-inverse);
    --okd-button-fill-primary-hover-background: var(--okd-color-container-inverse);
    --okd-button-fill-primary-active-background: var(--okd-color-container-inverse);
    --okd-button-fill-primary-focus-background: #0051ca;
    --okd-button-fill-primary-disabled-background: #f3f3f3;
    --okd-button-fill-primary-default-border-color: var(--okd-color-container-inverse);
    --okd-button-fill-primary-hover-border-color: var(--okd-color-common-transparent);
    --okd-button-fill-primary-active-border-color: transparent;
    --okd-button-fill-primary-focus-border-color: transparent;
    --okd-button-fill-primary-disabled-border-color: var(--okd-color-background-surface-primary);
    --okd-button-fill-primary-default-font-color: var(--okd-color-content-inverse);
    --okd-button-fill-primary-hover-font-color: hsla(0, 0%, 100%, .6);
    --okd-button-fill-primary-active-font-color: var(--okd-color-content-inverse);
    --okd-button-fill-primary-focus-font-color: #fff;
    --okd-button-fill-primary-disabled-font-color: var(--okd-color-content-disabled);
    --okd-button-fill-primary-default-icon-color: var(--okd-color-content-inverse);
    --okd-button-fill-primary-hover-icon-color: hsla(0, 0%, 100%, .6);
    --okd-button-fill-primary-active-icon-color: var(--okd-color-content-inverse);
    --okd-button-fill-primary-focus-icon-color: #fff;
    --okd-button-fill-primary-disabled-icon-color: var(--okd-color-content-disabled);
    --okd-button-fill-primary-default-shadow: var(--okd-shadow-none);
    --okd-button-fill-primary-hover-shadow: var(--okd-shadow-none);
    --okd-button-fill-primary-active-shadow: var(--okd-shadow-none);
    --okd-button-fill-primary-focus-shadow: 0px 0px 0px 1.5px #fff, 0px 0px 0px 3.5px #2d60e040;
    --okd-button-fill-primary-disabled-shadow: var(--okd-shadow-none);
    --okd-button-fill-primary-loader-track-color: hsla(0, 0%, 98%, .26);
    --okd-button-fill-primary-loader-mark-color: var(--okd-color-border-contrast);
    --okd-button-fill-primary-border-size: 0px;
    --okd-button-fill-secondary-default-background: #f5f9ff;
    --okd-button-fill-secondary-hover-background: #d1e3ff;
    --okd-button-fill-secondary-active-background: #afcfff;
    --okd-button-fill-secondary-focus-background: #d1e3ff;
    --okd-button-fill-secondary-disabled-background: #f5f9ff;
    --okd-button-fill-secondary-default-border-color: #f5f9ff;
    --okd-button-fill-secondary-hover-border-color: #d1e3ff;
    --okd-button-fill-secondary-active-border-color: #afcfff;
    --okd-button-fill-secondary-focus-border-color: #d1e3ff;
    --okd-button-fill-secondary-disabled-border-color: #f5f9ff;
    --okd-button-fill-secondary-default-font-color: #005eea;
    --okd-button-fill-secondary-hover-font-color: #005eea;
    --okd-button-fill-secondary-active-font-color: #005eea;
    --okd-button-fill-secondary-focus-font-color: #005eea;
    --okd-button-fill-secondary-disabled-font-color: #8dbbff;
    --okd-button-fill-secondary-default-icon-color: #0569ff;
    --okd-button-fill-secondary-hover-icon-color: #0569ff;
    --okd-button-fill-secondary-active-icon-color: #0569ff;
    --okd-button-fill-secondary-focus-icon-color: #0569ff;
    --okd-button-fill-secondary-disabled-icon-color: #bdbdbd;
    --okd-button-fill-secondary-default-shadow: var(--okd-shadow-none);
    --okd-button-fill-secondary-hover-shadow: var(--okd-shadow-none);
    --okd-button-fill-secondary-active-shadow: var(--okd-shadow-none);
    --okd-button-fill-secondary-focus-shadow: 0px 0px 0px 1.5px #fff, 0px 0px 0px 3.5px #2d60e040;
    --okd-button-fill-secondary-disabled-shadow: var(--okd-shadow-none);
    --okd-button-fill-secondary-loader-track-color: #f5f9ff;
    --okd-button-fill-secondary-loader-mark-color: #0569ff;
    --okd-button-fill-secondary-border-size: 0px;
    --okd-button-fill-tertiary-border-size: 0px;
    --okd-button-fill-tertiary-default-background: var(--okd-color-container-primary);
    --okd-button-fill-tertiary-hover-background: var(--okd-color-container-primary);
    --okd-button-fill-tertiary-focus-background: hsla(0, 0%, 100%, .8);
    --okd-button-fill-tertiary-active-background: var(--okd-color-container-primary);
    --okd-button-fill-tertiary-disabled-background: hsla(0, 0%, 100%, .06);
    --okd-button-fill-tertiary-disabled-font-color: hsla(0, 0%, 100%, .36);
    --okd-button-fill-tertiary-disabled-border-color: hsla(0, 0%, 100%, .06);
    --okd-button-fill-tertiary-default-border-color: var(--okd-color-container-primary);
    --okd-button-fill-tertiary-hover-border-color: hsla(0, 0%, 100%, 0);
    --okd-button-fill-tertiary-focus-border-color: rgba(48, 16, 25, 0);
    --okd-button-fill-tertiary-active-border-color: hsla(0, 0%, 100%, 0);
    --okd-button-fill-tertiary-loader-track-color: var(--okd-color-border-primary);
    --okd-button-fill-tertiary-loader-mark-color: var(--okd-color-border-selected);
    --okd-button-fill-tertiary-default-font-color: var(--okd-color-content-primary);
    --okd-button-fill-tertiary-default-icon-color: var(--okd-color-content-primary);
    --okd-button-fill-tertiary-default-shadow: 0px 0px 0px 0px transparent;
    --okd-button-fill-tertiary-hover-font-color: var(--okd-color-content-contrast);
    --okd-button-fill-tertiary-hover-icon-color: var(--okd-color-content-contrast);
    --okd-button-fill-tertiary-hover-shadow: 0px 0px 0px 0px transparent;
    --okd-button-fill-tertiary-focus-font-color: #000;
    --okd-button-fill-tertiary-focus-icon-color: #000;
    --okd-button-fill-tertiary-focus-shadow: 0px 0px 0px 0px transparent;
    --okd-button-fill-tertiary-active-font-color: var(--okd-color-content-contrast);
    --okd-button-fill-tertiary-active-icon-color: var(--okd-color-content-contrast);
    --okd-button-fill-tertiary-active-shadow: 0px 0px 0px 0px transparent;
    --okd-button-fill-tertiary-disabled-icon-color: hsla(0, 0%, 100%, .36);
    --okd-button-fill-tertiary-disabled-shadow: 0px 0px 0px 0px transparent;
    --okd-button-fill-quaternary-border-size: 0px;
    --okd-button-fill-quaternary-default-background: hsla(0, 0%, 100%, .15);
    --okd-button-fill-quaternary-default-font-color: #fff;
    --okd-button-fill-quaternary-default-border-color: transparent;
    --okd-button-fill-quaternary-hover-background: hsla(0, 0%, 100%, .25);
    --okd-button-fill-quaternary-hover-border-color: transparent;
    --okd-button-fill-quaternary-hover-font-color: hsla(0, 0%, 100%, .25);
    --okd-button-fill-quaternary-focus-background: hsla(0, 0%, 100%, .25);
    --okd-button-fill-quaternary-focus-border-color: transparent;
    --okd-button-fill-quaternary-focus-font-color: #fff;
    --okd-button-fill-quaternary-active-background: hsla(0, 0%, 100%, .25);
    --okd-button-fill-quaternary-active-border-color: transparent;
    --okd-button-fill-quaternary-active-font-color: #fff;
    --okd-button-fill-quaternary-disabled-background: hsla(0, 0%, 100%, .15);
    --okd-button-fill-quaternary-disabled-font-color: hsla(0, 0%, 100%, .25);
    --okd-button-fill-quaternary-disabled-border-color: transparent;
    --okd-button-fill-quaternary-loader-track-color: hsla(0, 0%, 100%, .25);
    --okd-button-fill-quaternary-loader-mark-color: #fff;
    --okd-button-fill-quaternary-default-icon-color: #fff;
    --okd-button-fill-quaternary-default-shadow: 0px 0px 0px 0px transparent;
    --okd-button-fill-quaternary-hover-icon-color: #fff;
    --okd-button-fill-quaternary-hover-shadow: 0px 0px 0px 0px transparent;
    --okd-button-fill-quaternary-focus-icon-color: #fff;
    --okd-button-fill-quaternary-focus-shadow: 0px 0px 0px 0px transparent;
    --okd-button-fill-quaternary-active-icon-color: #fff;
    --okd-button-fill-quaternary-active-shadow: 0px 0px 0px 0px transparent;
    --okd-button-fill-quaternary-disabled-icon-color: #fff;
    --okd-button-fill-quaternary-disabled-shadow: 0px 0px 0px 0px transparent;
    --okd-button-fill-red-default-background: var(--okd-color-semantic-negative);
    --okd-button-fill-red-hover-background: rgba(235, 75, 109, .8);
    --okd-button-fill-red-active-background: rgba(235, 75, 109, .8);
    --okd-button-fill-red-focus-background: #602031;
    --okd-button-fill-red-disabled-background: #f3f3f3;
    --okd-button-fill-red-default-border-color: var(--okd-color-semantic-negative);
    --okd-button-fill-red-hover-border-color: transparent;
    --okd-button-fill-red-active-border-color: transparent;
    --okd-button-fill-red-focus-border-color: #602031;
    --okd-button-fill-red-disabled-border-color: var(--okd-color-common-transparent);
    --okd-button-fill-red-default-font-color: var(--okd-color-content-inverse);
    --okd-button-fill-red-hover-font-color: var(--okd-color-content-inverse);
    --okd-button-fill-red-active-font-color: var(--okd-color-content-inverse);
    --okd-button-fill-red-focus-font-color: #fff;
    --okd-button-fill-red-disabled-font-color: var(--okd-color-content-disabled);
    --okd-button-fill-red-default-icon-color: var(--okd-color-content-inverse);
    --okd-button-fill-red-hover-icon-color: var(--okd-color-content-inverse);
    --okd-button-fill-red-active-icon-color: var(--okd-color-content-inverse);
    --okd-button-fill-red-focus-icon-color: #fff;
    --okd-button-fill-red-disabled-icon-color: var(--okd-color-content-disabled);
    --okd-button-fill-red-default-shadow: 0 0 0 0 transparent;
    --okd-button-fill-red-hover-shadow: var(--okd-shadow-none);
    --okd-button-fill-red-active-shadow: var(--okd-shadow-none);
    --okd-button-fill-red-focus-shadow: 0px 0px 0px 1.5px #fff, 0px 0px 0px 3.5px #e35e5e66;
    --okd-button-fill-red-disabled-shadow: var(--okd-shadow-none);
    --okd-button-fill-red-loader-track-color: hsla(0, 0%, 98%, .26);
    --okd-button-fill-red-loader-mark-color: var(--okd-color-border-contrast);
    --okd-button-fill-red-border-size: 0px;
    --okd-button-fill-green-default-background: var(--okd-color-semantic-positive);
    --okd-button-fill-green-hover-background: rgba(49, 189, 101, .8);
    --okd-button-fill-green-active-background: rgba(49, 189, 101, .8);
    --okd-button-fill-green-focus-background: #0c5025;
    --okd-button-fill-green-disabled-background: #f3f3f3;
    --okd-button-fill-green-default-border-color: var(--okd-color-semantic-positive);
    --okd-button-fill-green-hover-border-color: transparent;
    --okd-button-fill-green-active-border-color: transparent;
    --okd-button-fill-green-focus-border-color: transparent;
    --okd-button-fill-green-disabled-border-color: var(--okd-color-common-transparent);
    --okd-button-fill-green-default-font-color: var(--okd-color-content-inverse);
    --okd-button-fill-green-hover-font-color: var(--okd-color-content-inverse);
    --okd-button-fill-green-active-font-color: var(--okd-color-content-inverse);
    --okd-button-fill-green-focus-font-color: #fff;
    --okd-button-fill-green-disabled-font-color: var(--okd-color-content-disabled);
    --okd-button-fill-green-default-icon-color: var(--okd-color-content-inverse);
    --okd-button-fill-green-hover-icon-color: var(--okd-color-content-inverse);
    --okd-button-fill-green-active-icon-color: var(--okd-color-content-inverse);
    --okd-button-fill-green-focus-icon-color: #fff;
    --okd-button-fill-green-disabled-icon-color: var(--okd-color-content-disabled);
    --okd-button-fill-green-default-shadow: 0 0 0 0 transparent;
    --okd-button-fill-green-hover-shadow: var(--okd-shadow-none);
    --okd-button-fill-green-active-shadow: var(--okd-shadow-none);
    --okd-button-fill-green-focus-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3.5px #2ead6573;
    --okd-button-fill-green-disabled-shadow: var(--okd-shadow-none);
    --okd-button-fill-green-loader-track-color: hsla(0, 0%, 98%, .26);
    --okd-button-fill-green-loader-mark-color: var(--okd-color-border-contrast);
    --okd-button-fill-green-border-size: 0px;
    --okd-button-fill-grey-default-background: var(--okd-color-background-surface-primary);
    --okd-button-fill-grey-hover-background: #e6e6e6;
    --okd-button-fill-grey-active-background: #f3f3f3;
    --okd-button-fill-grey-focus-background: hsla(0, 0%, 86%, .5);
    --okd-button-fill-grey-disabled-background: #f3f3f3;
    --okd-button-fill-grey-default-border-color: var(--okd-color-background-surface-primary);
    --okd-button-fill-grey-hover-border-color: transparent;
    --okd-button-fill-grey-active-border-color: transparent;
    --okd-button-fill-grey-focus-border-color: #dbdbdb;
    --okd-button-fill-grey-disabled-border-color: var(--okd-color-background-surface-disable);
    --okd-button-fill-grey-default-font-color: var(--okd-color-content-primary);
    --okd-button-fill-grey-hover-font-color: var(--okd-color-content-primary);
    --okd-button-fill-grey-active-font-color: var(--okd-color-content-primary);
    --okd-button-fill-grey-focus-font-color: #3d3d3d;
    --okd-button-fill-grey-disabled-font-color: var(--okd-color-content-disabled);
    --okd-button-fill-grey-default-icon-color: var(--okd-color-content-primary);
    --okd-button-fill-grey-hover-icon-color: var(--okd-color-content-primary);
    --okd-button-fill-grey-active-icon-color: var(--okd-color-content-primary);
    --okd-button-fill-grey-focus-icon-color: #3d3d3d;
    --okd-button-fill-grey-disabled-icon-color: var(--okd-color-content-disabled);
    --okd-button-fill-grey-default-shadow: 0 0 0 0 transparent;
    --okd-button-fill-grey-hover-shadow: var(--okd-shadow-none);
    --okd-button-fill-grey-active-shadow: var(--okd-shadow-none);
    --okd-button-fill-grey-focus-shadow: 0px 0px 0px 0px #00000000, 0px 0px 0px 3.5px #d8dce673;
    --okd-button-fill-grey-disabled-shadow: var(--okd-shadow-none);
    --okd-button-fill-grey-loader-track-color: var(--okd-color-border-primary);
    --okd-button-fill-grey-loader-mark-color: var(--okd-color-border-selected);
    --okd-button-fill-grey-border-size: 0px;
    --okd-button-outline-highlight-border-size: 1.5px;
    --okd-button-outline-highlight-hover-background: var(--okd-color-container-inverse);
    --okd-button-outline-highlight-hover-font-color: var(--okd-color-content-inverse);
    --okd-button-outline-highlight-focus-background: #000;
    --okd-button-outline-highlight-focus-border-color: #000;
    --okd-button-outline-highlight-focus-font-color: #fff;
    --okd-button-outline-highlight-active-background: var(--okd-color-container-inverse);
    --okd-button-outline-highlight-active-font-color: var(--okd-color-content-inverse);
    --okd-button-outline-highlight-disabled-font-color: var(--okd-color-content-disabled);
    --okd-button-outline-highlight-disabled-border-color: var(--okd-color-border-primary);
    --okd-button-outline-highlight-hover-border-color: var(--okd-color-border-selected);
    --okd-button-outline-highlight-active-border-color: var(--okd-color-border-selected);
    --okd-button-outline-highlight-loader-track-color: #dbdbdb;
    --okd-button-outline-highlight-loader-mark-color: #000;
    --okd-button-outline-highlight-default-background: transparent;
    --okd-button-outline-highlight-default-border-color: var(--okd-color-border-selected);
    --okd-button-outline-highlight-default-font-color: var(--okd-color-content-primary);
    --okd-button-outline-highlight-default-icon-color: var(--okd-color-content-primary);
    --okd-button-outline-highlight-default-shadow: 0px 0px 0px 0px transparent;
    --okd-button-outline-highlight-hover-icon-color: var(--okd-color-content-inverse);
    --okd-button-outline-highlight-hover-shadow: 0px 0px 0px 0px transparent;
    --okd-button-outline-highlight-focus-icon-color: #fff;
    --okd-button-outline-highlight-focus-shadow: 0px 0px 0px 0px transparent;
    --okd-button-outline-highlight-active-icon-color: var(--okd-color-content-inverse);
    --okd-button-outline-highlight-active-shadow: 0px 0px 0px 0px transparent;
    --okd-button-outline-highlight-disabled-background: transparent;
    --okd-button-outline-highlight-disabled-icon-color: var(--okd-color-content-disabled);
    --okd-button-outline-highlight-disabled-shadow: 0px 0px 0px 0px transparent;
    --okd-button-outline-primary-default-background: hsla(0, 0%, 100%, 0);
    --okd-button-outline-primary-hover-background: #f3f3f3;
    --okd-button-outline-primary-active-background: #f3f3f3;
    --okd-button-outline-primary-focus-background: #f7f7f7;
    --okd-button-outline-primary-disabled-background: #f3f3f3;
    --okd-button-outline-primary-default-border-color: var(--okd-color-border-secondary);
    --okd-button-outline-primary-hover-border-color: var(--okd-color-border-secondary);
    --okd-button-outline-primary-active-border-color: var(--okd-color-border-secondary);
    --okd-button-outline-primary-focus-border-color: #dbdbdb;
    --okd-button-outline-primary-disabled-border-color: var(--okd-color-border-primary);
    --okd-button-outline-primary-default-font-color: var(--okd-color-content-primary);
    --okd-button-outline-primary-hover-font-color: var(--okd-color-content-primary);
    --okd-button-outline-primary-active-font-color: var(--okd-color-content-primary);
    --okd-button-outline-primary-focus-font-color: #000;
    --okd-button-outline-primary-disabled-font-color: var(--okd-color-content-disabled);
    --okd-button-outline-primary-default-icon-color: var(--okd-color-content-primary);
    --okd-button-outline-primary-hover-icon-color: var(--okd-color-content-primary);
    --okd-button-outline-primary-active-icon-color: var(--okd-color-content-primary);
    --okd-button-outline-primary-focus-icon-color: #000;
    --okd-button-outline-primary-disabled-icon-color: var(--okd-color-content-disabled);
    --okd-button-outline-primary-default-shadow: 0 0 0 0 transparent;
    --okd-button-outline-primary-hover-shadow: var(--okd-shadow-none);
    --okd-button-outline-primary-active-shadow: var(--okd-shadow-none);
    --okd-button-outline-primary-focus-shadow: 0px 0px 0px 3px #00000014;
    --okd-button-outline-primary-disabled-shadow: var(--okd-shadow-none);
    --okd-button-outline-primary-loader-track-color: #dbdbdb;
    --okd-button-outline-primary-loader-mark-color: #000;
    --okd-button-outline-primary-border-size: 1px;
    --okd-button-outline-secondary-default-background: #fff;
    --okd-button-outline-secondary-hover-background: #f7f7f7;
    --okd-button-outline-secondary-active-background: #f9f9f9;
    --okd-button-outline-secondary-focus-background: #f7f7f7;
    --okd-button-outline-secondary-disabled-background: #fff;
    --okd-button-outline-secondary-default-border-color: #dbdbdb;
    --okd-button-outline-secondary-hover-border-color: #dbdbdb;
    --okd-button-outline-secondary-active-border-color: #dbdbdb;
    --okd-button-outline-secondary-focus-border-color: #dbdbdb;
    --okd-button-outline-secondary-disabled-border-color: #ebebeb;
    --okd-button-outline-secondary-default-font-color: #000;
    --okd-button-outline-secondary-hover-font-color: #000;
    --okd-button-outline-secondary-active-font-color: #000;
    --okd-button-outline-secondary-focus-font-color: #000;
    --okd-button-outline-secondary-disabled-font-color: #bdbdbd;
    --okd-button-outline-secondary-default-icon-color: #000;
    --okd-button-outline-secondary-hover-icon-color: #000;
    --okd-button-outline-secondary-active-icon-color: #000;
    --okd-button-outline-secondary-focus-icon-color: #000;
    --okd-button-outline-secondary-disabled-icon-color: #bdbdbd;
    --okd-button-outline-secondary-default-shadow: 0 0 0 0 transparent;
    --okd-button-outline-secondary-hover-shadow: var(--okd-shadow-none);
    --okd-button-outline-secondary-active-shadow: var(--okd-shadow-none);
    --okd-button-outline-secondary-focus-shadow: 0px 0px 0px 3px #00000014;
    --okd-button-outline-secondary-disabled-shadow: var(--okd-shadow-none);
    --okd-button-outline-secondary-loader-track-color: rgba(0, 0, 0, .25);
    --okd-button-outline-secondary-loader-mark-color: #000;
    --okd-button-outline-secondary-border-size: 1px;
    --okd-button-outline-tertiary-border-size: 1.5px;
    --okd-button-outline-tertiary-default-background: transparent;
    --okd-button-outline-tertiary-default-border-color: var(--okd-color-border-contrast);
    --okd-button-outline-tertiary-default-font-color: var(--okd-color-content-inverse);
    --okd-button-outline-tertiary-default-icon-color: var(--okd-color-content-inverse);
    --okd-button-outline-tertiary-default-shadow: 0px 0px 0px 0px transparent;
    --okd-button-outline-tertiary-hover-background: var(--okd-color-container-primary);
    --okd-button-outline-tertiary-hover-shadow: 0px 0px 0px 0px transparent;
    --okd-button-outline-tertiary-hover-icon-color: var(--okd-color-content-primary);
    --okd-button-outline-tertiary-hover-font-color: var(--okd-color-content-primary);
    --okd-button-outline-tertiary-hover-border-color: var(--okd-color-container-primary);
    --okd-button-outline-tertiary-focus-shadow: 0px 0px 0px 0px transparent;
    --okd-button-outline-tertiary-focus-icon-color: #000;
    --okd-button-outline-tertiary-focus-font-color: #000;
    --okd-button-outline-tertiary-focus-border-color: #fff;
    --okd-button-outline-tertiary-focus-background: #fff;
    --okd-button-outline-tertiary-active-shadow: 0px 0px 0px 0px transparent;
    --okd-button-outline-tertiary-active-icon-color: var(--okd-color-content-primary);
    --okd-button-outline-tertiary-active-font-color: var(--okd-color-content-primary);
    --okd-button-outline-tertiary-active-border-color: var(--okd-color-container-primary);
    --okd-button-outline-tertiary-active-background: var(--okd-color-container-primary);
    --okd-button-outline-tertiary-disabled-shadow: 0px 0px 0px 0px transparent;
    --okd-button-outline-tertiary-disabled-icon-color: hsla(0, 0%, 100%, .36);
    --okd-button-outline-tertiary-disabled-font-color: var(--okd-color-content-inverse);
    --okd-button-outline-tertiary-disabled-border-color: hsla(0, 0%, 98%, .12);
    --okd-button-outline-tertiary-disabled-background: transparent;
    --okd-button-outline-tertiary-loader-mark-color: var(--okd-color-border-contrast);
    --okd-button-outline-tertiary-loader-track-color: hsla(0, 0%, 98%, .3);
    --okd-button-text-primary-default-background: var(--okd-color-common-transparent);
    --okd-button-text-primary-hover-background: #f3f3f3;
    --okd-button-text-primary-active-background: #f3f3f3;
    --okd-button-text-primary-focus-background: #f5f9ff;
    --okd-button-text-primary-disabled-background: undefined;
    --okd-button-text-primary-default-border-color: var(--okd-color-common-transparent);
    --okd-button-text-primary-hover-border-color: var(--okd-color-common-transparent);
    --okd-button-text-primary-active-border-color: var(--okd-color-common-transparent);
    --okd-button-text-primary-focus-border-color: transparent;
    --okd-button-text-primary-disabled-border-color: var(--okd-color-common-transparent);
    --okd-button-text-primary-default-font-color: var(--okd-color-content-primary);
    --okd-button-text-primary-hover-font-color: var(--okd-color-content-primary);
    --okd-button-text-primary-active-font-color: var(--okd-color-content-primary);
    --okd-button-text-primary-focus-font-color: #005eea;
    --okd-button-text-primary-disabled-font-color: var(--okd-color-content-disabled);
    --okd-button-text-primary-default-icon-color: var(--okd-color-content-primary);
    --okd-button-text-primary-hover-icon-color: var(--okd-color-content-primary);
    --okd-button-text-primary-active-icon-color: var(--okd-color-content-primary);
    --okd-button-text-primary-focus-icon-color: #005eea;
    --okd-button-text-primary-disabled-icon-color: var(--okd-color-content-disabled);
    --okd-button-text-primary-default-shadow: none;
    --okd-button-text-primary-hover-shadow: none;
    --okd-button-text-primary-active-shadow: none;
    --okd-button-text-primary-focus-shadow: none;
    --okd-button-text-primary-disabled-shadow: none;
    --okd-button-text-primary-border-size: 1px;
    --okd-button-text-secondary-default-background: transparent;
    --okd-button-text-secondary-hover-background: #f5f9ff;
    --okd-button-text-secondary-active-background: #f5f9ff;
    --okd-button-text-secondary-focus-background: #f5f9ff;
    --okd-button-text-secondary-disabled-background: #f9f9f9;
    --okd-button-text-secondary-default-border-color: transparent;
    --okd-button-text-secondary-hover-border-color: transparent;
    --okd-button-text-secondary-active-border-color: transparent;
    --okd-button-text-secondary-focus-border-color: transparent;
    --okd-button-text-secondary-disabled-border-color: transparent;
    --okd-button-text-secondary-default-font-color: #0569ff;
    --okd-button-text-secondary-hover-font-color: #005eea;
    --okd-button-text-secondary-active-font-color: #005eea;
    --okd-button-text-secondary-focus-font-color: #005eea;
    --okd-button-text-secondary-disabled-font-color: rgba(0, 94, 234, .45);
    --okd-button-text-secondary-default-icon-color: #0569ff;
    --okd-button-text-secondary-hover-icon-color: #005eea;
    --okd-button-text-secondary-active-icon-color: #005eea;
    --okd-button-text-secondary-focus-icon-color: #005eea;
    --okd-button-text-secondary-disabled-icon-color: rgba(0, 94, 234, .45);
    --okd-button-text-secondary-default-shadow: none;
    --okd-button-text-secondary-hover-shadow: none;
    --okd-button-text-secondary-active-shadow: none;
    --okd-button-text-secondary-focus-shadow: none;
    --okd-button-text-secondary-disabled-shadow: none;
    --okd-button-text-secondary-border-size: 1px;
    --okd-button-text-red-default-background: var(--okd-color-common-transparent);
    --okd-button-text-red-hover-background: rgba(235, 75, 109, .05);
    --okd-button-text-red-active-background: rgba(235, 75, 109, .05);
    --okd-button-text-red-focus-background: #fff8f9;
    --okd-button-text-red-disabled-background: hsla(0, 0%, 98%, 0);
    --okd-button-text-red-default-border-color: transparent;
    --okd-button-text-red-hover-border-color: var(--okd-color-common-transparent);
    --okd-button-text-red-active-border-color: var(--okd-color-common-transparent);
    --okd-button-text-red-focus-border-color: transparent;
    --okd-button-text-red-disabled-border-color: var(--okd-color-common-transparent);
    --okd-button-text-red-default-font-color: #eb4b6d;
    --okd-button-text-red-hover-font-color: var(--okd-color-semantic-negative);
    --okd-button-text-red-active-font-color: var(--okd-color-semantic-negative);
    --okd-button-text-red-focus-font-color: #602031;
    --okd-button-text-red-disabled-font-color: rgba(235, 75, 109, .45);
    --okd-button-text-red-default-icon-color: #602031;
    --okd-button-text-red-hover-icon-color: #eb4b6d;
    --okd-button-text-red-active-icon-color: var(--okd-color-semantic-negative);
    --okd-button-text-red-focus-icon-color: #602031;
    --okd-button-text-red-disabled-icon-color: rgba(235, 75, 109, .45);
    --okd-button-text-red-default-shadow: none;
    --okd-button-text-red-hover-shadow: none;
    --okd-button-text-red-active-shadow: none;
    --okd-button-text-red-focus-shadow: none;
    --okd-button-text-red-disabled-shadow: none;
    --okd-button-text-red-border-size: 1px;
    --okd-button-text-green-default-background: var(--okd-color-common-transparent);
    --okd-button-text-green-hover-background: rgba(49, 189, 101, .05);
    --okd-button-text-green-active-background: rgba(49, 189, 101, .05);
    --okd-button-text-green-focus-background: #f2fff7;
    --okd-button-text-green-disabled-background: hsla(0, 0%, 98%, 0);
    --okd-button-text-green-default-border-color: var(--okd-color-common-transparent);
    --okd-button-text-green-hover-border-color: var(--okd-color-common-transparent);
    --okd-button-text-green-active-border-color: var(--okd-color-common-transparent);
    --okd-button-text-green-focus-border-color: transparent;
    --okd-button-text-green-disabled-border-color: var(--okd-color-common-transparent);
    --okd-button-text-green-default-font-color: var(--okd-color-semantic-positive);
    --okd-button-text-green-hover-font-color: var(--okd-color-semantic-positive);
    --okd-button-text-green-active-font-color: var(--okd-color-semantic-positive);
    --okd-button-text-green-focus-font-color: #0c5025;
    --okd-button-text-green-disabled-font-color: rgba(49, 189, 101, .45);
    --okd-button-text-green-default-icon-color: var(--okd-color-semantic-positive);
    --okd-button-text-green-hover-icon-color: var(--okd-color-semantic-positive);
    --okd-button-text-green-active-icon-color: var(--okd-color-semantic-positive);
    --okd-button-text-green-focus-icon-color: #0c5025;
    --okd-button-text-green-disabled-icon-color: rgba(49, 189, 101, .45);
    --okd-button-text-green-default-shadow: none;
    --okd-button-text-green-hover-shadow: none;
    --okd-button-text-green-active-shadow: none;
    --okd-button-text-green-focus-shadow: none;
    --okd-button-text-green-disabled-shadow: none;
    --okd-button-text-green-border-size: 1px;
    --okd-button-text-yellow-default-background: var(--okd-color-common-transparent);
    --okd-button-text-yellow-hover-background: rgba(255, 177, 23, .05);
    --okd-button-text-yellow-active-background: rgba(255, 177, 23, .05);
    --okd-button-text-yellow-focus-background: #fffcf5;
    --okd-button-text-yellow-disabled-background: hsla(0, 0%, 98%, 0);
    --okd-button-text-yellow-default-border-color: var(--okd-color-common-transparent);
    --okd-button-text-yellow-hover-border-color: var(--okd-color-common-transparent);
    --okd-button-text-yellow-active-border-color: var(--okd-color-common-transparent);
    --okd-button-text-yellow-focus-border-color: transparent;
    --okd-button-text-yellow-disabled-border-color: var(--okd-color-common-transparent);
    --okd-button-text-yellow-default-font-color: var(--okd-color-semantic-notice);
    --okd-button-text-yellow-hover-font-color: var(--okd-color-semantic-notice);
    --okd-button-text-yellow-active-font-color: var(--okd-color-semantic-notice);
    --okd-button-text-yellow-focus-font-color: #eaa900;
    --okd-button-text-yellow-disabled-font-color: rgba(255, 177, 23, .45);
    --okd-button-text-yellow-default-icon-color: var(--okd-color-semantic-notice);
    --okd-button-text-yellow-hover-icon-color: var(--okd-color-semantic-notice);
    --okd-button-text-yellow-active-icon-color: var(--okd-color-semantic-notice);
    --okd-button-text-yellow-focus-icon-color: #eaa900;
    --okd-button-text-yellow-disabled-icon-color: rgba(255, 177, 23, .45);
    --okd-button-text-yellow-default-shadow: none;
    --okd-button-text-yellow-hover-shadow: none;
    --okd-button-text-yellow-active-shadow: none;
    --okd-button-text-yellow-focus-shadow: none;
    --okd-button-text-yellow-disabled-shadow: none;
    --okd-button-text-yellow-border-size: 1px;
    --okd-button-text-orange-default-background: transparent;
    --okd-button-text-orange-hover-background: #fef9f6;
    --okd-button-text-orange-active-background: #fef9f6;
    --okd-button-text-orange-focus-background: #fef9f6;
    --okd-button-text-orange-disabled-background: #f9f9f9;
    --okd-button-text-orange-default-border-color: transparent;
    --okd-button-text-orange-hover-border-color: transparent;
    --okd-button-text-orange-active-border-color: transparent;
    --okd-button-text-orange-focus-border-color: transparent;
    --okd-button-text-orange-disabled-border-color: transparent;
    --okd-button-text-orange-default-font-color: #e96010;
    --okd-button-text-orange-hover-font-color: #e96010;
    --okd-button-text-orange-active-font-color: #e96010;
    --okd-button-text-orange-focus-font-color: #e96010;
    --okd-button-text-orange-disabled-font-color: rgba(233, 96, 16, .45);
    --okd-button-text-orange-default-icon-color: #e96010;
    --okd-button-text-orange-hover-icon-color: #e96010;
    --okd-button-text-orange-active-icon-color: #e96010;
    --okd-button-text-orange-focus-icon-color: #e96010;
    --okd-button-text-orange-disabled-icon-color: rgba(233, 96, 16, .45);
    --okd-button-text-orange-default-shadow: none;
    --okd-button-text-orange-hover-shadow: none;
    --okd-button-text-orange-active-shadow: none;
    --okd-button-text-orange-focus-shadow: none;
    --okd-button-text-orange-disabled-shadow: none;
    --okd-button-text-orange-border-size: 1px;
    --okd-loader-line-active-color: var(--okd-color-border-selected);
    --okd-loader-line-inactive-color: var(--okd-color-border-primary);
    --okd-loader-primary-active-color: #000;
    --okd-loader-primary-inactive-color: #dbdbdb;
    --okd-loader-neutral-active-color: #3d3d3d;
    --okd-loader-neutral-inactive-color: #dbdbdb;
    --okd-loader-mask-bg-color: hsla(0, 0%, 100%, .85);
    --okd-loader-circle-xl-size: 38px;
    --okd-loader-circle-lg-size: 30px;
    --okd-loader-circle-md-size: 22px;
    --okd-loader-circle-sm-size: 14px;
    --okd-loader-circle-xl-track-width: 2px;
    --okd-loader-circle-lg-track-width: 2px;
    --okd-loader-circle-md-track-width: 1.82px;
    --okd-loader-circle-sm-track-width: 1.5px;
    --okd-loader-line-size: 4px;
    --okd-loader-circle-cover-background: #fff;
    --okd-loader-mask-text-font-size: 14px;
    --okd-loader-mask-text-line-height: 16px;
    --okd-loader-mask-text-font-weight: 400;
    --okd-loader-mask-text-color: #000;
    --okd-loader-mask-text-margin-top: 10px
}

.Step_cont__ulQko {
    display: flex;
    gap: 8px;
    margin: 24px 0;
    width: 100%
}

.Step_cont__ulQko:last-of-type {
    margin-bottom: 0
}

.Step_title__Spk6G {
    flex: 1 1;
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 20px;
    padding-top: 2px
}

.Step_No__Lo8d5 {
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px
}

.postAd_unable-create-ad__FjZfU {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.postAd_unable-create-ad__FjZfU .postAd_error-message__Gq6I2 {
    line-height: 20px
}

.postAd_unable-create-ad__FjZfU .postAd_criteria-cont__tmONQ {
    display: flex;
    flex-direction: column;
    padding-top: 16px;
    row-gap: 16px
}

.postAd_unable-create-ad__FjZfU .postAd_criteria-cont__tmONQ .postAd_item-cont__oiLpM {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between
}

.postAd_unable-create-ad__FjZfU .postAd_criteria-cont__tmONQ .postAd_item-cont__oiLpM .postAd_title-cont__VJp\+u {
    align-items: center;
    display: flex;
    flex-wrap: 1
}

.postAd_unable-create-ad__FjZfU .postAd_criteria-cont__tmONQ .postAd_item-cont__oiLpM .postAd_title-cont__VJp\+u .postAd_title__9xYHI {
    color: var(--okd-color-text-light)
}

.postAd_unable-create-ad__FjZfU .postAd_criteria-cont__tmONQ .postAd_item-cont__oiLpM .postAd_value__IjXU0 {
    color: var(--okd-color-text-amplifed);
    font-weight: 500;
    text-align: end
}

.postAd_unable-create-ad__FjZfU .postAd_footer-tip__Zuyp- {
    color: var(--okd-color-text-secondary);
    padding-top: 46px
}

:root {
    --okd-tooltip-default-font-color: var(--okd-color-content-inverse);
    --okd-tooltip-neutral-background: var(--okd-color-modal-contrast);
    --okd-tooltip-negative-background: var(--okd-color-semantic-negative);
    --okd-tooltip-positive-background: var(--okd-color-semantic-positive);
    --okd-tooltip-informative-background: var(--okd-color-semantic-informative);
    --okd-popup-white-board-background: var(--okd-color-modal-primary);
    --okd-popup-white-board-shadow: #0000000d 0px 4px 6px -2px, #0000001a 0px 10px 15px -3px
}

.kyc_content__5PEZZ {
    display: flex;
    flex-direction: column;
    margin-top: 36px;
    row-gap: 20px
}

.kyc_content__5PEZZ .kyc_imgContainer__wbRYf {
    display: flex;
    justify-content: center
}

.kyc_content__5PEZZ .kyc_imgContainer__wbRYf .kyc_img__ZNwa5 {
    height: 148px;
    padding: 14px 0;
    width: 148px
}

.kyc_content__5PEZZ .kyc_title__ZrfQF {
    color: var(--okd-color-text-amplifed);
    font-size: 24px;
    font-weight: 700;
    line-height: 28px
}

.kyc_content__5PEZZ .kyc_desc__fm-5j {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.kyc_content__5PEZZ .kyc_desc__fm-5j .kyc_descItem__JOAJa {
    color: var(--okd-color-text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.kyc_content__5PEZZ .kyc_tradingLimit__2xIzP {
    background: var(--okd-color-background-2);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    padding: 12px;
    row-gap: 12px
}

.kyc_content__5PEZZ .kyc_tradingLimit__2xIzP .kyc_item__kYlvY {
    color: var(--okd-color-text-secondary);
    display: flex;
    justify-content: space-between
}

.kyc_footer__qoKrx {
    margin: 4px 0 20px
}

.error-dialog-cont {
    line-height: 20px;
    padding: 20px 0
}

:root {
    --okd-result-background-color: var(--okd-color-background-base-primary);
    --okd-result-sm-width: 136px;
    --okd-result-lg-width: 216px;
    --okd-result-sm-height: 136px;
    --okd-result-lg-height: 216px;
    --okd-result-title-color: var(--okd-color-content-primary);
    --okd-result-title-sm-font-size: 24px;
    --okd-result-title-sm-font-weight: 700;
    --okd-result-title-sm-line-height: 28px;
    --okd-result-desc-color: var(--okd-color-content-secondary);
    --okd-result-desc-sm-font-size: 14px;
    --okd-result-desc-sm-line-height: 22px;
    --okd-result-desc-sm-margin-top: 16px;
    --okd-result-extra-sm-margin-top: 24px
}

.forbid-area-content {
    font-size: 14px;
    line-height: 20px
}

:root {
    --okd-checkbox-default-text-color: var(--okd-color-content-secondary);
    --okd-checkbox-default-background: var(--okd-color-background-surface-contrast);
    --okd-checkbox-default-border-color: var(--okd-color-border-secondary);
    --okd-checkbox-default-hover-border-color: var(--okd-color-border-selected);
    --okd-checkbox-default-shadow: 0px 0px 0px 0px #0000000d;
    --okd-checkbox-default-hover-shadow: 0px 0px 0px 0px #0000000d;
    --okd-checkbox-selected-text-color: var(--okd-color-content-secondary);
    --okd-checkbox-selected-background: var(--okd-color-content-primary);
    --okd-checkbox-selected-border-color: var(--okd-color-content-primary);
    --okd-checkbox-selected-hover-border-color: var(--okd-color-content-primary);
    --okd-checkbox-selected-inner-color: var(--okd-color-content-inverse);
    --okd-checkbox-selected-shadow: 0px 0px 0px 0px #0000000d;
    --okd-checkbox-selected-hover-shadow: 0px 0px 0px 0px #0000000d;
    --okd-checkbox-error-text-color: var(--okd-color-semantic-negative);
    --okd-checkbox-error-border-color: var(--okd-color-semantic-negative);
    --okd-checkbox-error-hover-border-color: var(--okd-color-semantic-negative);
    --okd-checkbox-error-background: var(--okd-color-semantic-negative);
    --okd-checkbox-error-inner-color: var(--okd-color-content-inverse);
    --okd-checkbox-error-shadow: 0px 0px 0px 0px #0000000d;
    --okd-checkbox-error-hover-shadow: 0px 0px 0px 0px #e35e5e73;
    --okd-checkbox-disabled-text-color: var(--okd-color-content-disabled);
    --okd-checkbox-disabled-background: var(--okd-color-background-surface-disable);
    --okd-checkbox-disabled-border-color: var(--okd-color-border-secondary);
    --okd-checkbox-disabled-hover-border-color: var(--okd-color-border-secondary);
    --okd-checkbox-disabled-inner-color: var(--okd-color-content-disabled);
    --okd-checkbox-common-border-radius: var(--okd-border-radius-sm);
    --okd-checkbox-common-label-font-size: var(--okd-font-size-xs);
    --okd-checkbox-sm-font-size: var(--okd-font-size-xs);
    --okd-checkbox-sm-line-height: var(--okd-line-height-xs);
    --okd-checkbox-sm-height: 12px;
    --okd-checkbox-sm-width: 12px;
    --okd-checkbox-sm-margin: 4px;
    --okd-checkbox-sm-padding: 4px;
    --okd-checkbox-md-font-size: var(--okd-font-size-md);
    --okd-checkbox-md-line-height: var(--okd-line-height-md);
    --okd-checkbox-md-height: 16px;
    --okd-checkbox-md-width: 16px;
    --okd-checkbox-md-margin: 8px;
    --okd-checkbox-md-padding: 0;
    --okd-checkbox-sm-border-radius: 2px;
    --okd-checkbox-md-border-radius: 4px;
    --okd-checkbox-reversed-default-text-color: #fff;
    --okd-checkbox-reversed-default-background: #000;
    --okd-checkbox-reversed-default-border-color: #fff;
    --okd-checkbox-reversed-default-hover-border-color: #fff;
    --okd-checkbox-reversed-default-shadow: 0 0 0 0 transparent;
    --okd-checkbox-reversed-default-hover-shadow: 0px 0px 0px 4px #ffffff33;
    --okd-checkbox-reversed-selected-text-color: #fff;
    --okd-checkbox-reversed-selected-background: #fff;
    --okd-checkbox-reversed-selected-border-color: transparent;
    --okd-checkbox-reversed-selected-hover-border-color: transparent;
    --okd-checkbox-reversed-selected-inner-color: #000;
    --okd-checkbox-reversed-selected-shadow: 0 0 0 0 transparent;
    --okd-checkbox-reversed-selected-hover-shadow: 0 0 0 0 transparent;
    --okd-checkbox-reversed-error-text-color: #eb4b6d;
    --okd-checkbox-reversed-error-border-color: #eb4b6d;
    --okd-checkbox-reversed-error-hover-border-color: #eb4b6d;
    --okd-checkbox-reversed-error-background: #eb4b6d;
    --okd-checkbox-reversed-error-inner-color: #000;
    --okd-checkbox-reversed-error-shadow: 0 0 0 0 transparent;
    --okd-checkbox-reversed-error-hover-shadow: 0px 0px 0px 4px #f1507b33;
    --okd-checkbox-reversed-disabled-text-color: #545454;
    --okd-checkbox-reversed-disabled-background: #000;
    --okd-checkbox-reversed-disabled-border-color: #545454;
    --okd-checkbox-reversed-disabled-hover-border-color: #bdbdbd;
    --okd-checkbox-reversed-disabled-inner-color: #545454;
    --okd-checkbox-circle-inner-color: var(--okd-color-content-inverse);
    --okd-checkbox-circle-default-border-color: var(--okd-color-border-secondary);
    --okd-checkbox-circle-default-background-color: var(--okd-color-common-transparent);
    --okd-checkbox-circle-default-disabled-background-color: var(--okd-color-background-surface-disable);
    --okd-checkbox-circle-default-disabled-border-color: var(--okd-color-border-secondary);
    --okd-checkbox-circle-checked-border-color: var(--okd-color-border-selected);
    --okd-checkbox-circle-checked-background-color: var(--okd-color-content-primary);
    --okd-checkbox-circle-checked-disabled-border-color: var(--okd-color-common-transparent);
    --okd-checkbox-circle-checked-disabled-background-color: var(--okd-color-content-disabled)
}

.index_associatedAccount__Dh1H9 {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.index_associatedAccount__Dh1H9 .index_itemCont__lr5Jn {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 16px
}

.index_associatedAccount__Dh1H9 .index_itemCont__lr5Jn .index_title__-vufV {
    color: var(--okd-color-gray-500);
    width: 50%
}

.index_associatedAccount__Dh1H9 .index_itemCont__lr5Jn .index_value__Qw8Ax {
    color: var(--okd-color-gray-900);
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: flex;
    justify-content: flex-end;
    width: 50%
}

.index_associatedAccount__Dh1H9 .index_itemCont__lr5Jn .index_img__o06GY {
    height: 16px;
    width: 16px
}

.Dialogs_container__U9M7q,
.dialogs_rejectionContent__kD5b4 {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    line-height: 22px;
    row-gap: 24px
}

.Dialogs_container__U9M7q .Dialogs_descRow__r80X7 {
    color: #929292
}

.Dialogs_container__U9M7q .Dialogs_termsRow__w0zoL {
    display: flex
}

.select-option-wrapper .select-option-label {
    font-size: 14px;
    line-height: 16px
}

.select-option-wrapper .select-option-desc {
    color: #929292;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding-top: 2px
}

.appeal-dialog {
    font-size: 16px;
    padding: 10px 0;
    text-align: center
}

.appeal-dialog .title {
    font-weight: 500
}

.appeal-dialog .content {
    line-height: 24px;
    margin: 10px 0 20px
}

.appeal-dialog .time-tip {
    color: #f88726
}

.CardOption_cont__fTrj- {
    align-items: center;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-shadow: 0 0 0 .5px transparent;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding: 16px;
    row-gap: 12px;
    width: 100%
}

.CardOption_cont__fTrj-.CardOption_isSub__Dj3BF {
    border-color: transparent;
    margin-top: 12px;
    min-height: 24px;
    padding: 0
}

.CardOption_cont__fTrj-:last-of-type {
    margin-bottom: 0
}

.CardOption_cont__fTrj-.CardOption_selected__oinQt {
    border-color: #000;
    box-shadow: 0 0 0 .5px #000
}

.CardOption_cont__fTrj-.CardOption_selected__oinQt.CardOption_isSub__Dj3BF {
    border-color: transparent;
    box-shadow: 0 0 0 .5px transparent
}

.CardOption_cont__fTrj- .CardOption_info__PD9-Q {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.CardOption_cont__fTrj- .CardOption_successIcon__1nWur {
    zoom: 1.286;
    line-height: 14px;
    margin-left: auto
}

.CardOption_title__zDzfm {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.CardOption_label__gfjvm {
    flex: 1 1;
    margin: 1px 0
}

.CardOption_label__gfjvm.CardOption_noSub__OOVT7 {
    max-width: calc(100% - 22px)
}

.CardOption_hr__VBR3U {
    background-color: #ebebeb;
    height: 1px;
    margin: 12px 0
}

:root {
    --okd-empty-img-width: 100px;
    --okd-empty-img-height: 100px;
    --okd-empty-img-margin-bottom: 4px;
    --okd-empty-title-font-size: 16px;
    --okd-empty-title-light-height: 20px;
    --okd-empty-title-margin-bottom: 4px;
    --okd-empty-title-color: var(--okd-color-content-primary);
    --okd-empty-desc-font-size: 14px;
    --okd-empty-desc-light-height: 158%;
    --okd-empty-desc-margin-bottom: 20px;
    --okd-empty-desc-color: var(--okd-color-content-tertiary);
    --okd-empty-title-line-height: 20px;
    --okd-empty-desc-line-height: 20px;
    --okd-empty-title-font-weight: 500;
    --okd-empty-desc-font-weight: 400
}

.net-error {
    margin: 90px auto 0;
    max-width: 380px;
    text-align: center
}

.net-error-tips {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.net-error-description {
    color: #959dad;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 12px auto 40px
}

.net-error-btn {
    font-size: 16px;
    min-width: 132px !important
}

.mobile-max-width {
    max-width: 300px
}

:root {
    --okd-imageviewer-mask-color: var(--okd-color-content-inverse);
    --okd-imageviewer-mask-font-size: 14px;
    --okd-imageviewer-mask-font-weight: 500;
    --okd-imageviewer-mask-eye-font-size: 16px;
    --okd-imageviewer-mask-eye-margin-right: 8px;
    --okd-imageviewer-preview-close-btn-width: 40px;
    --okd-imageviewer-preview-close-btn-height: 40px;
    --okd-imageviewer-preview-close-btn-top: 16px;
    --okd-imageviewer-preview-close-btn-right: 16px;
    --okd-imageviewer-preview-close-btn-color: var(--okd-color-content-inverse);
    --okd-imageviewer-preview-close-btn-background-color: hsla(0, 0%, 5%, .2);
    --okd-imageviewer-preview-close-btn-icon-font-size: 24px;
    --okd-imageviewer-preview-toolbar-bottom: 24px;
    --okd-imageviewer-preview-toolbar-margin-left: 24px;
    --okd-imageviewer-preview-toolbar-height: 48px;
    --okd-imageviewer-preview-toolbar-padding-horizontal: 24px;
    --okd-imageviewer-preview-toolbar-border-radius: 24px;
    --okd-imageviewer-preview-toolbar-background-color: hsla(0, 0%, 5%, .2);
    --okd-imageviewer-preview-toolbar-color: var(--okd-color-content-inverse);
    --okd-imageviewer-preview-toolbar-disabled-color: var(--okd-color-content-disabled);
    --okd-imageviewer-preview-toolbar-icon-font-size: 24px;
    --okd-alert-normal-background: var(--okd-color-alert-info);
    --okd-alert-normal-title-color: var(--okd-color-content-primary);
    --okd-alert-normal-icon-color: var(--okd-color-content-primary);
    --okd-alert-normal-desc-color: var(--okd-color-content-secondary);
    --okd-alert-normal-action-color: var(--okd-color-content-primary);
    --okd-alert-normal-link-color: var(--okd-color-content-secondary);
    --okd-alert-normal-accent-color: var(--okd-color-content-primary);
    --okd-alert-success-background: var(--okd-color-alert-success);
    --okd-alert-success-title-color: var(--okd-color-content-primary);
    --okd-alert-success-icon-color: var(--okd-color-semantic-positive);
    --okd-alert-success-desc-color: var(--okd-color-content-secondary);
    --okd-alert-success-action-color: var(--okd-color-content-primary);
    --okd-alert-success-link-color: var(--okd-color-content-secondary);
    --okd-alert-success-accent-color: var(--okd-color-semantic-positive);
    --okd-alert-info-background: var(--okd-color-alert-info);
    --okd-alert-info-title-color: var(--okd-color-content-primary);
    --okd-alert-info-icon-color: var(--okd-color-content-primary);
    --okd-alert-info-desc-color: var(--okd-color-content-secondary);
    --okd-alert-info-action-color: var(--okd-color-content-primary);
    --okd-alert-info-link-color: var(--okd-color-content-secondary);
    --okd-alert-info-accent-color: var(--okd-color-content-primary);
    --okd-alert-warn-background: var(--okd-color-alert-warning);
    --okd-alert-warn-title-color: var(--okd-color-content-primary);
    --okd-alert-warn-icon-color: var(--okd-color-semantic-notice);
    --okd-alert-warn-desc-color: var(--okd-color-content-secondary);
    --okd-alert-warn-action-color: var(--okd-color-content-primary);
    --okd-alert-warn-link-color: var(--okd-color-content-secondary);
    --okd-alert-warn-accent-color: var(--okd-color-semantic-notice);
    --okd-alert-error-background: var(--okd-color-alert-error);
    --okd-alert-error-title-color: var(--okd-color-content-primary);
    --okd-alert-error-icon-color: var(--okd-color-semantic-negative);
    --okd-alert-error-desc-color: var(--okd-color-content-secondary);
    --okd-alert-error-action-color: var(--okd-color-content-primary);
    --okd-alert-error-link-color: var(--okd-color-content-secondary);
    --okd-alert-error-accent-color: var(--okd-color-semantic-negative);
    --okd-alert-box-padding-vertical: 8px;
    --okd-alert-box-padding-horizontal: 16px;
    --okd-alert-box-border-radius: 8px;
    --okd-alert-accent-width: 4px;
    --okd-alert-title-font-size: var(--okd-font-size-md);
    --okd-alert-title-line-height: var(--okd-line-height-md);
    --okd-alert-text-font-size: 12px;
    --okd-alert-text-line-height: var(--okd-line-height-md);
    --okd-alert-action-font-size: 12px;
    --okd-alert-action-line-height: var(--okd-line-height-md);
    --okd-alert-icon-tip-size: 20px;
    --okd-alert-icon-close-size: 20px;
    --okd-alert-close-color: var(--okd-color-gray-300);
    --okd-alert-box-margin-left: 8px;
    --okd-alert-desc-margin-top: 4px;
    --okd-alert-action-box-margin-top: 8px;
    --okd-alert-action-box-margin-bottom: 0px;
    --okd-alert-action-margin-left: 16px;
    --okd-datepicker-default-background: #fff;
    --okd-datepicker-default-font-color: #000;
    --okd-datepicker-title-default-color: #3d3d3d;
    --okd-datepicker-title-selected-color: #0569ff;
    --okd-datepicker-day-default-text-color: var(--okd-color-content-primary);
    --okd-datepicker-day-selected-text-color: var(--okd-color-content-inverse);
    --okd-datepicker-day-selected-background: var(--okd-color-container-inverse);
    --okd-datepicker-day-disable-text-color: var(--okd-color-content-disabled);
    --okd-datepicker-day-disable-background: rgba(0, 0, 0, .04);
    --okd-datepicker-day-hover-background: var(--okd-color-background-surface-pressed);
    --okd-datepicker-day-range-background: rgba(0, 0, 0, .04);
    --okd-datepicker-day-second-color: #bdbdbd;
    --okd-datepicker-month-default-text-color: #3d3d3d;
    --okd-datepicker-month-selected-text-color: #fff;
    --okd-datepicker-month-selected-background: #0569ff;
    --okd-datepicker-month-disable-text-color: #929292;
    --okd-datepicker-month-disable-background: #ebebeb;
    --okd-datepicker-month-hover-background: #f5f9ff;
    --okd-datepicker-year-default-text-color: #3d3d3d;
    --okd-datepicker-year-selected-text-color: #fff;
    --okd-datepicker-year-selected-background: #0569ff;
    --okd-datepicker-year-disable-text-color: #929292;
    --okd-datepicker-year-disable-background: #ebebeb;
    --okd-datepicker-year-hover-background: #f5f9ff;
    --okd-datepicker-week-default-text-color: var(--okd-color-content-contrast);
    --okd-datepicker-today-hover-text-color: var(--okd-color-content-primary);
    --okd-datepicker-today-selected-text-color: var(--okd-color-content-primary);
    --okd-datepicker-today-border-color: #ebebeb;
    --okd-datepicker-today-border-hover-color: #ebebeb;
    --okd-datepicker-today-border-disable-color: #ebebeb;
    --okd-datepicker-icon-default-color: #6e6e6e;
    --okd-datepicker-footer-border-color: #ebebeb;
    --okd-datepicker-footer-button-color: #000;
    --okd-datepicker-border-color: #ebebeb;
    --okd-datepicker-input-caret-color: #277dff;
    --okd-datepicker-input-placeholder-color: var(--okd-color-content-disabled);
    --okd-datepicker-input-border-color: var(--okd-color-border-selected);
    --okd-datepicker-shortcut-background: #f7f7f7;
    --okd-datepicker-shortcut-active-background: #ebebeb;
    --okd-datepicker-shortcut-icon-color: #000;
    --okd-datepicker-md-range-input-font-size: var(--okd-font-size-md);
    --okd-datepicker-sm-range-input-font-size: var(--okd-font-size-xs);
    --okd-datepicker-xs-range-input-font-size: var(--okd-font-size-xs);
    --okd-datepicker-md-range-input-width: 90px;
    --okd-datepicker-sm-range-input-width: 80px;
    --okd-datepicker-xs-range-input-width: 80px;
    --okd-datepicker-dateinput-title-color: #000;
    --okd-datepicker-dateinput-placeholder-color: #929292;
    --okd-datepicker-dateinput-connector-color: #3d3d3d;
    --okd-datepicker-shortcut-text-default-color: #000;
    --okd-datepicker-shortcut-text-active-color: #000;
    --okd-datepicker-today-bg-color: var(--okd-color-background-surface-pressed);
    --okd-datepicker-today-text-color: var(--okd-color-content-primary);
    --okd-datepicker-panel-header-default-icon-color: #000;
    --okd-datepicker-panel-header-hover-text-bg-color: #ebebeb;
    --okd-datepicker-panel-header-hover-icon-bg-color: #ebebeb;
    --okd-datepicker-shortcut-button-bg-color: #f7f7f7;
    --okd-datepicker-shortcut-button-padding-vertical: 8px;
    --okd-datepicker-shortcut-button-padding-horizontal: 8px;
    --okd-datepicker-shortcut-button-font-size: 12px;
    --okd-datepicker-shortcut-margin-top: 12px;
    --okd-datepicker-panel-header-default-text-color: #000;
    --okd-datepicker-input-mobile-border-color: var(--okd-color-border-selected);
    --okd-datepicker-input-icon-color: var(--okd-color-content-disabled);
    --okd-datepicker-panel-footer-action-confirm-type: highlight;
    --okd-datepicker-panel-footer-action-confirm-size: s;
    --okd-datepicker-panel-footer-action-cancel-size: s;
    --okd-datepicker-panel-footer-action-cancel-type: basic;
    --okd-datepicker-scroll-container-height: 216px;
    --okd-datepicker-scroll-item-default-height: 36px;
    --okd-datepicker-scroll-item-default-font-weight: 400;
    --okd-datepicker-scroll-item-default-font-size: 14px;
    --okd-datepicker-scroll-item-default-font-color: var(--okd-color-content-contrast);
    --okd-datepicker-scroll-item-active-border-color: var(--okd-color-transparent-white);
    --okd-datepicker-scroll-item-active-font-color: var(--okd-color-content-primary);
    --okd-datepicker-scroll-item-active-font-weight: 500;
    --okd-datepicker-range-board-background-color: #fff;
    --okd-datepicker-shortcut-button-container-padding-horizontal: 0;
    --okd-datepicker-shortcut-button-container-padding-vertical: 16px;
    --okd-datepicker-xs-icon-font-size: 16px;
    --okd-datepicker-sm-icon-font-size: 16px;
    --okd-datepicker-md-icon-font-size: 16px;
    --okd-datepicker-lg-icon-font-size: 18px;
    --okd-datepicker-xl-icon-font-size: 20px;
    --okd-datepicker-lg-range-input-font-size: 16px;
    --okd-datepicker-lg-range-input-width: 100px;
    --okd-datepicker-xl-range-input-font-size: 16px;
    --okd-datepicker-xl-range-input-width: 100px;
    --okd-datepicker-scroll-item-active-font-size: 16px;
    --okd-datepicker-scroll-item-active-background: hsla(0, 0%, 85%, .3);
    --okd-datepicker-scroll-item-active-radius: 24px;
    --okd-datepicker-scroll-container-padding-vertical: 16px;
    --okd-datepicker-scroll-container-padding-horizontal: 16px;
    --okd-input-default-text-color: var(--okd-color-content-primary);
    --okd-input-default-placeholder-color: var(--okd-color-content-disabled);
    --okd-input-default-border-color: transparent;
    --okd-input-default-caret-color: var(--okd-color-content-primary);
    --okd-input-default-shadow: 0px 0px 0px 0px transparent;
    --okd-input-default-background: #f3f3f3;
    --okd-input-hover-text-color: var(--okd-color-content-primary);
    --okd-input-hover-placeholder-color: var(--okd-color-content-disabled);
    --okd-input-hover-border-color: transparent;
    --okd-input-hover-caret-color: var(--okd-color-content-primary);
    --okd-input-hover-shadow: 0 0 0 0 transparent;
    --okd-input-hover-background: #f3f3f3;
    --okd-input-focus-text-color: var(--okd-color-content-primary);
    --okd-input-focus-placeholder-color: var(--okd-color-content-disabled);
    --okd-input-focus-border-color: var(--okd-color-border-selected);
    --okd-input-focus-caret-color: var(--okd-color-content-brand);
    --okd-input-focus-shadow: 0px 0px 0px 0px #00000000;
    --okd-input-focus-background: #f3f3f3;
    --okd-input-disabled-text-color: var(--okd-color-content-disabled);
    --okd-input-disabled-placeholder-color: var(--okd-color-content-disabled);
    --okd-input-disabled-border-color: var(--okd-color-border-primary);
    --okd-input-disabled-caret-color: var(--okd-color-content-disabled);
    --okd-input-disabled-shadow: 0 0 0 0 transparent;
    --okd-input-disabled-background: #f3f3f3;
    --okd-input-error-text-color: var(--okd-color-content-primary);
    --okd-input-error-placeholder-color: var(--okd-color-content-disabled);
    --okd-input-error-border-color: var(--okd-color-semantic-negative);
    --okd-input-error-caret-color: var(--okd-color-content-brand);
    --okd-input-error-shadow: var(--okd-shadow-sm);
    --okd-input-error-background: #f3f3f3;
    --okd-input-error-tips-color: var(--okd-color-semantic-negative);
    --okd-input-tips-text-color: var(--okd-color-content-contrast);
    --okd-input-icon-color: var(--okd-color-content-contrast);
    --okd-input-label-color: var(--okd-color-content-primary);
    --okd-input-action-color: var(--okd-color-content-primary);
    --okd-input-md-label-font-size: var(--okd-font-size-md);
    --okd-input-sm-label-font-size: var(--okd-font-size-xs);
    --okd-input-xs-label-font-size: var(--okd-font-size-xs);
    --okd-input-md-label-line-height: var(--okd-line-height-md);
    --okd-input-sm-label-line-height: var(--okd-line-height-xs);
    --okd-input-xs-label-line-height: var(--okd-line-height-xs);
    --okd-input-md-action-font-size: var(--okd-font-size-md);
    --okd-input-sm-action-font-size: var(--okd-font-size-xs);
    --okd-input-xs-action-font-size: var(--okd-font-size-xs);
    --okd-input-md-action-line-height: var(--okd-line-height-md);
    --okd-input-sm-action-line-height: var(--okd-line-height-xs);
    --okd-input-xs-action-line-height: var(--okd-line-height-xs);
    --okd-input-md-height: 40px;
    --okd-input-md-text-font-size: var(--okd-font-size-md);
    --okd-input-md-border-radius: 8px;
    --okd-input-md-error-font-size: 14px;
    --okd-input-md-error-line-height: 16px;
    --okd-input-md-tip-font-size: 14px;
    --okd-input-md-tip-line-height: 16px;
    --okd-input-md-icon-size: 20px;
    --okd-input-md-icon-margin: 6px;
    --okd-input-sm-height: 32px;
    --okd-input-sm-text-font-size: 12px;
    --okd-input-sm-border-radius: 8px;
    --okd-input-sm-error-font-size: var(--okd-font-size-xs);
    --okd-input-sm-error-line-height: var(--okd-line-height-xs);
    --okd-input-sm-tip-font-size: var(--okd-font-size-xs);
    --okd-input-sm-tip-line-height: var(--okd-line-height-xs);
    --okd-input-sm-icon-size: 16px;
    --okd-input-sm-icon-margin: 4px;
    --okd-input-xs-height: 28px;
    --okd-input-xs-text-font-size: var(--okd-font-size-xs);
    --okd-input-xs-border-radius: 8px;
    --okd-input-xs-error-font-size: var(--okd-font-size-xs);
    --okd-input-xs-error-line-height: var(--okd-line-height-xs);
    --okd-input-xs-tip-font-size: var(--okd-font-size-xs);
    --okd-input-xs-tip-line-height: var(--okd-line-height-xs);
    --okd-input-xs-icon-size: 16px;
    --okd-input-xs-icon-margin: 4px;
    --okd-input-number-default-add-icon-color: var(--okd-color-content-disabled);
    --okd-input-number-default-add-icon-background: transparent;
    --okd-input-number-hover-add-icon-color: var(--okd-color-content-primary);
    --okd-input-number-hover-add-icon-background: var(--okd-color-background-surface-pressed);
    --okd-input-number-active-add-icon-color: #bdbdbd;
    --okd-input-number-active-add-icon-background: #ebebeb;
    --okd-input-number-disabled-add-icon-color: var(--okd-color-content-disabled);
    --okd-input-number-disabled-add-icon-background: var(--okd-color-content-disabled);
    --okd-input-code-common-btn-color: #0569ff;
    --okd-input-code-common-btn-disabled-color: #bdbdbd;
    --okd-input-code-common-count-color: var(--okd-color-content-disabled);
    --okd-input-code-md-btn-font-size: var(--okd-font-size-md);
    --okd-input-code-md-btn-line-height: var(--okd-line-height-md);
    --okd-input-code-md-count-font-size: var(--okd-font-size-md);
    --okd-input-code-md-count-line-height: var(--okd-line-height-md);
    --okd-input-code-sm-btn-font-size: var(--okd-font-size-xs);
    --okd-input-code-sm-btn-line-height: var(--okd-line-height-xs);
    --okd-input-code-sm-count-font-size: var(--okd-font-size-xs);
    --okd-input-code-sm-count-line-height: var(--okd-line-height-xs);
    --okd-input-code-xs-btn-font-size: var(--okd-font-size-xs);
    --okd-input-code-xs-btn-line-height: var(--okd-line-height-xs);
    --okd-input-code-xs-count-font-size: var(--okd-font-size-xs);
    --okd-input-code-xs-count-line-height: var(--okd-line-height-xs);
    --okd-input-search-default-text-color: var(--okd-color-content-primary);
    --okd-input-search-default-placeholder-color: var(--okd-color-content-disabled);
    --okd-input-search-default-border-color: transparent;
    --okd-input-search-default-caret-color: var(--okd-color-content-primary);
    --okd-input-search-default-shadow: 0px 0px 0px 0px transparent;
    --okd-input-search-default-background: #f3f3f3;
    --okd-input-search-hover-text-color: var(--okd-color-content-primary);
    --okd-input-search-hover-placeholder-color: var(--okd-color-content-disabled);
    --okd-input-search-hover-border-color: transparent;
    --okd-input-search-hover-caret-color: var(--okd-color-content-primary);
    --okd-input-search-hover-shadow: 0px 0px 0px 0px #0000001a;
    --okd-input-search-hover-background: #f3f3f3;
    --okd-input-search-focus-text-color: var(--okd-color-content-primary);
    --okd-input-search-focus-placeholder-color: var(--okd-color-content-disabled);
    --okd-input-search-focus-border-color: var(--okd-color-border-selected);
    --okd-input-search-focus-caret-color: var(--okd-color-content-brand);
    --okd-input-search-focus-shadow: 0px 0px 0px 0px #00000000;
    --okd-input-search-focus-background: #f3f3f3;
    --okd-input-search-error-text-color: var(--okd-color-content-primary);
    --okd-input-search-error-placeholder-color: var(--okd-color-content-disabled);
    --okd-input-search-error-border-color: var(--okd-color-semantic-negative);
    --okd-input-search-error-caret-color: var(--okd-color-content-primary);
    --okd-input-search-error-shadow: 0 1px 2px 0 #0000000d;
    --okd-input-search-error-background: #f3f3f3;
    --okd-input-search-disabled-text-color: var(--okd-color-content-disabled);
    --okd-input-search-disabled-placeholder-color: var(--okd-color-content-disabled);
    --okd-input-search-disabled-border-color: transparent;
    --okd-input-search-disabled-caret-color: var(--okd-color-content-disabled);
    --okd-input-search-disabled-shadow: 0px 0px 0px 0px transparent;
    --okd-input-search-disabled-background: #f3f3f3;
    --okd-input-search-prefix-icon-color: var(--okd-color-content-contrast);
    --okd-input-search-prefix-icon-size: 16px;
    --okd-input-search-suffix-icon-color: var(--okd-color-content-contrast);
    --okd-input-search-suffix-icon-size: 13px;
    --okd-input-search-error-tips-color: var(--okd-color-semantic-negative);
    --okd-input-verify-md-width: 40px;
    --okd-input-verify-md-height: 44px;
    --okd-input-lg-height: 44px;
    --okd-input-lg-border-radius: 8px;
    --okd-input-lg-label-font-size: 14px;
    --okd-input-lg-label-line-height: 20px;
    --okd-input-lg-label-margin: 8px;
    --okd-input-lg-action-font-size: 14px;
    --okd-input-lg-action-line-height: 20px;
    --okd-input-lg-text-font-size: 14px;
    --okd-input-lg-error-font-size: 14px;
    --okd-input-lg-error-line-height: 16px;
    --okd-input-lg-tip-margin: 4px;
    --okd-input-lg-tip-font-size: 14px;
    --okd-input-lg-tip-line-height: 16px;
    --okd-input-md-label-margin: 8px;
    --okd-input-md-tip-margin: 4px;
    --okd-input-sm-label-margin: 8px;
    --okd-input-sm-tip-margin: 4px;
    --okd-input-xs-label-margin: 8px;
    --okd-input-xs-tip-margin: 4px;
    --okd-input-xl-height: 48px;
    --okd-input-xl-text-font-size: 14px;
    --okd-input-xl-border-radius: 8px;
    --okd-input-lg-icon-size: 20px;
    --okd-input-lg-icon-margin: 8px;
    --okd-input-xl-label-line-height: 20px;
    --okd-input-xl-icon-size: 20px;
    --okd-input-xl-icon-margin: 12px;
    --okd-input-xl-error-font-size: 14px;
    --okd-input-xl-error-line-height: 16px;
    --okd-input-xl-action-font-size: 14px;
    --okd-input-xl-action-line-height: 20px;
    --okd-input-xl-label-margin: 8px;
    --okd-input-xl-label-font-size: 14px;
    --okd-input-xl-tip-font-size: 14px;
    --okd-input-xl-tip-margin: 6px;
    --okd-input-xl-tip-line-height: 16px;
    --okd-input-verify-xl-height: px;
    --okd-input-verify-xl-width: px;
    --okd-input-xs-padding-horizontal: 8px;
    --okd-input-sm-padding-horizontal: 8px;
    --okd-input-md-padding-horizontal: 8px;
    --okd-input-lg-padding-horizontal: 12px;
    --okd-input-xl-padding-horizontal: 12px;
    --okd-input-reversed-default-text-color: var(--okd-color-content-inverse);
    --okd-input-reversed-default-placeholder-color: hsla(0, 0%, 100%, .36);
    --okd-input-reversed-default-border-color: transparent;
    --okd-input-reversed-default-caret-color: var(--okd-color-content-inverse);
    --okd-input-reversed-default-shadow: 0 0 0 0 transparent;
    --okd-input-reversed-default-background: #1d1d1d;
    --okd-input-reversed-hover-text-color: var(--okd-color-content-inverse);
    --okd-input-reversed-hover-placeholder-color: hsla(0, 0%, 100%, .36);
    --okd-input-reversed-hover-border-color: var(--okd-color-transparent-black);
    --okd-input-reversed-hover-caret-color: var(--okd-color-content-contrast);
    --okd-input-reversed-hover-shadow: 0px 0px 0px 0px transparent;
    --okd-input-reversed-hover-background: #1d1d1d;
    --okd-input-reversed-focus-text-color: var(--okd-color-content-inverse);
    --okd-input-reversed-focus-placeholder-color: hsla(0, 0%, 100%, .36);
    --okd-input-reversed-focus-border-color: #fff;
    --okd-input-reversed-focus-caret-color: var(--okd-color-semantic-highlight);
    --okd-input-reversed-focus-shadow: 0px 0px 0px 0px #ffffff00;
    --okd-input-reversed-focus-background: #1d1d1d;
    --okd-input-reversed-disabled-text-color: #545454;
    --okd-input-reversed-disabled-placeholder-color: #545454;
    --okd-input-reversed-disabled-border-color: #383838;
    --okd-input-reversed-disabled-caret-color: #0569ff;
    --okd-input-reversed-disabled-shadow: 0 0 0 0 transparent;
    --okd-input-reversed-disabled-background: #1d1d1d;
    --okd-input-reversed-error-text-color: var(--okd-color-content-inverse);
    --okd-input-reversed-error-placeholder-color: hsla(0, 0%, 100%, .36);
    --okd-input-reversed-error-border-color: var(--okd-color-semantic-negative);
    --okd-input-reversed-error-caret-color: var(--okd-color-content-contrast);
    --okd-input-reversed-error-shadow: 0 0 0 0 transparent;
    --okd-input-reversed-error-background: #1d1d1d;
    --okd-input-reversed-error-tips-color: var(--okd-color-semantic-negative);
    --okd-input-reversed-tips-text-color: var(--okd-color-content-contrast);
    --okd-input-reversed-icon-color: #929292;
    --okd-input-reversed-label-color: #dbdbdb;
    --okd-input-reversed-action-color: var(--okd-color-content-inverse);
    --okd-input-number-reversed-default-add-icon-color: #6e6e6e;
    --okd-input-number-reversed-default-add-icon-background: transparent;
    --okd-input-number-reversed-hover-add-icon-color: #fff;
    --okd-input-number-reversed-hover-add-icon-background: #272727;
    --okd-input-number-reversed-active-add-icon-color: #6e6e6e;
    --okd-input-number-reversed-active-add-icon-background: transparent;
    --okd-input-number-reversed-disabled-add-icon-color: #6e6e6e;
    --okd-input-number-reversed-disabled-add-icon-background: transparent;
    --okd-input-code-reversed-common-btn-color: var(--okd-color-content-inverse);
    --okd-input-code-reversed-common-btn-disabled-color: #545454;
    --okd-input-code-reversed-common-count-color: #545454;
    --okd-input-search-reversed-default-text-color: #fff;
    --okd-input-search-reversed-default-placeholder-color: #666;
    --okd-input-search-reversed-default-border-color: transparent;
    --okd-input-search-reversed-default-caret-color: #fff;
    --okd-input-search-reversed-default-shadow: 0px 0px 0px 0px #f9f9f91a;
    --okd-input-search-reversed-default-background: #1d1d1d;
    --okd-input-search-reversed-hover-text-color: #fff;
    --okd-input-search-reversed-hover-placeholder-color: #3d3d3d;
    --okd-input-search-reversed-hover-border-color: transparent;
    --okd-input-search-reversed-hover-caret-color: #fff;
    --okd-input-search-reversed-hover-shadow: 0px 0px 0px 2px #f9f9f91a;
    --okd-input-search-reversed-hover-background: #1d1d1d;
    --okd-input-search-reversed-focus-text-color: #fff;
    --okd-input-search-reversed-focus-placeholder-color: #3d3d3d;
    --okd-input-search-reversed-focus-border-color: #fff;
    --okd-input-search-reversed-focus-caret-color: var(--okd-color-semantic-highlight);
    --okd-input-search-reversed-focus-shadow: 0 0 0 0 transparent;
    --okd-input-search-reversed-focus-background: #1d1d1d;
    --okd-input-search-reversed-error-text-color: #fff;
    --okd-input-search-reversed-error-placeholder-color: #3d3d3d;
    --okd-input-search-reversed-error-border-color: #eb4b6d;
    --okd-input-search-reversed-error-caret-color: var(--okd-color-semantic-highlight);
    --okd-input-search-reversed-error-shadow: 0 0 0 0 transparent;
    --okd-input-search-reversed-error-background: #000;
    --okd-input-search-reversed-disabled-text-color: #6e6e6e;
    --okd-input-search-reversed-disabled-placeholder-color: #3d3d3d;
    --okd-input-search-reversed-disabled-border-color: transparent;
    --okd-input-search-reversed-disabled-caret-color: transparent;
    --okd-input-search-reversed-disabled-shadow: 0 0 0 0 transparent;
    --okd-input-search-reversed-disabled-background: #1a1a1a;
    --okd-input-search-reversed-prefix-icon-color: #bdbdbd;
    --okd-input-search-reversed-error-tips-color: #eb4b6d;
    --okd-input-search-suffix-icon-hover-color: #000;
    --okd-input-verify-xl-border-radius: 8pxpx;
    --okd-input-code-xl-btn-font-size: 12px;
    --okd-input-number-suffix-border-color: var(--okd-color-border-primary);
    --okd-input-verify-md-border-radius: 6px;
    --okd-input-verify-md-text-font-size: 26px;
    --okd-input-verify-md-margin: 8px;
    --okd-input-readonly-text-color: var(--okd-color-content-primary);
    --okd-input-readonly-placeholder-color: var(--okd-input-default-placeholder-color);
    --okd-input-readonly-border-color: var(--okd-color-border-primary);
    --okd-input-readonly-caret-color: var(--okd-input-default-caret-color);
    --okd-input-readonly-shadow: var(--okd-input-default-shadow);
    --okd-input-readonly-background: var(--okd-color-transparent-white);
    --okd-pickerview-default-height: 252px;
    --okd-pickerview-item-default-width: 135px;
    --okd-pickerview-item-default-height: 36px;
    --okd-pickerview-item-default-font-size: 14px;
    --okd-pickerview-item-default-font-color: #929292;
    --okd-pickerview-item-active-font-color: #000;
    --okd-pickerview-item-active-border-color: #ebebeb;
    --okd-pickerview-item-default-font-weight: 400;
    --okd-pickerview-item-active-font-weight: 500;
    --okd-radio-default-text-color: var(--okd-color-content-secondary);
    --okd-radio-default-background: var(--okd-color-background-base-primary);
    --okd-radio-default-border-color: var(--okd-color-border-secondary);
    --okd-radio-default-hover-border-color: var(--okd-color-border-selected);
    --okd-radio-default-hover-shadow: 0px 0px 0px 0px #0000000d;
    --okd-radio-selected-text-color: var(--okd-color-content-primary);
    --okd-radio-selected-background: var(--okd-color-content-primary);
    --okd-radio-selected-border-color: var(--okd-color-content-primary);
    --okd-radio-selected-hover-border-color: var(--okd-color-content-primary);
    --okd-radio-selected-hover-shadow: 0px 0px 0px 0px #0000000d;
    --okd-radio-selected-inner-color: var(--okd-color-content-inverse);
    --okd-radio-error-text-color: var(--okd-color-semantic-negative);
    --okd-radio-error-border-color: var(--okd-color-semantic-negative);
    --okd-radio-error-hover-border-color: var(--okd-color-semantic-negative);
    --okd-radio-error-background: var(--okd-color-semantic-negative);
    --okd-radio-error-inner-color: var(--okd-color-content-inverse);
    --okd-radio-error-hover-shadow: 0px 0px 0px 0px #e35e5e73;
    --okd-radio-disabled-text-color: var(--okd-color-content-disabled);
    --okd-radio-disabled-background: var(--okd-color-background-surface-disable);
    --okd-radio-disabled-border-color: var(--okd-color-border-secondary);
    --okd-radio-disabled-hover-border-color: var(--okd-color-border-secondary);
    --okd-radio-disabled-inner-color: var(--okd-color-common-transparent);
    --okd-radio-disabled-checked-border-color: var(--okd-color-border-secondary);
    --okd-radio-disabled-checked-inner-color: var(--okd-color-content-disabled);
    --okd-radio-common-label-font-size: var(--okd-font-size-xs);
    --okd-radio-sm-font-size: var(--okd-font-size-xs);
    --okd-radio-sm-line-height: var(--okd-line-height-xs);
    --okd-radio-sm-height: 12px;
    --okd-radio-sm-width: 12px;
    --okd-radio-sm-margin: 4px;
    --okd-radio-sm-padding: 4px;
    --okd-radio-md-font-size: var(--okd-font-size-md);
    --okd-radio-md-line-height: var(--okd-line-height-md);
    --okd-radio-md-height: 16px;
    --okd-radio-md-width: 16px;
    --okd-radio-md-margin: 8px;
    --okd-radio-md-padding: 0;
    --okd-radio-reversed-default-text-color: #f9f9f9;
    --okd-radio-reversed-default-background: #000;
    --okd-radio-reversed-default-border-color: #ebebeb;
    --okd-radio-reversed-default-hover-border-color: #ebebeb;
    --okd-radio-reversed-default-hover-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
    --okd-radio-reversed-selected-text-color: #fff;
    --okd-radio-reversed-selected-background: #fff;
    --okd-radio-reversed-selected-border-color: #fff;
    --okd-radio-reversed-selected-hover-border-color: #fff;
    --okd-radio-reversed-selected-hover-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
    --okd-radio-reversed-selected-inner-color: var(--okd-color-content-primary);
    --okd-radio-reversed-error-text-color: #eb4b6d;
    --okd-radio-reversed-error-border-color: #eb4b6d;
    --okd-radio-reversed-error-hover-border-color: #eb4b6d;
    --okd-radio-reversed-error-background: #eb4b6d;
    --okd-radio-reversed-error-inner-color: #000;
    --okd-radio-reversed-error-hover-shadow: 0px 0px 0px 2px #f1507b1a;
    --okd-radio-reversed-disabled-text-color: #bdbdbd;
    --okd-radio-reversed-disabled-background: #000;
    --okd-radio-reversed-disabled-border-color: #929292;
    --okd-radio-reversed-disabled-hover-border-color: #929292;
    --okd-radio-reversed-disabled-inner-color: #6e6e6e;
    --okd-radio-reversed-disabled-checked-border-color: #bdbdbd;
    --okd-radio-reversed-disabled-checked-inner-color: #6e6e6e;
    --okd-select-common-placeholder-color: #bdbdbd;
    --okd-select-common-text-color: #3d3d3d;
    --okd-select-common-title-color: var(--okd-color-content-contrast);
    --okd-select-common-border-color: #ebebeb;
    --okd-select-option-default-text-color: var(--okd-color-content-primary);
    --okd-select-option-hover-text-color: #000;
    --okd-select-option-active-text-color: var(--okd-color-content-primary);
    --okd-select-option-disabled-text-color: var(--okd-color-content-disabled);
    --okd-select-option-default-bg: var(--okd-color-common-transparent);
    --okd-select-option-hover-bg: #f9f9f9;
    --okd-select-option-active-bg: var(--okd-color-common-transparent);
    --okd-select-option-disabled-bg: var(--okd-color-common-transparent);
    --okd-select-check-default-icon-color: var(--okd-color-content-primary);
    --okd-select-empty-default-icon-color: var(--okd-color-content-tertiary);
    --okd-select-empty-default-text-color: var(--okd-color-content-contrast);
    --okd-select-search-input-bg: #ebebeb;
    --okd-select-search-input-placeholder-color: #929292;
    --okd-select-search-input-color: #000;
    --okd-select-search-input-icon-color: #6e6e6e;
    --okd-select-search-input-border-radius: 4px;
    --okd-select-drop-box-border-color: var(--okd-color-border-primary);
    --okd-select-drop-box-shadow: var(--okd-shadow-lg);
    --okd-select-drop-box-bg: var(--okd-color-modal-primary);
    --okd-select-drop-box-margin-top: 4px;
    --okd-select-drop-box-border-radius: 8px;
    --okd-select-text-select-default-icon-size: var(--okd-font-size-xs);
    --okd-select-text-select-default-font-color: var(--okd-color-content-secondary);
    --okd-select-text-select-hover-font-color: var(--okd-color-content-primary);
    --okd-select-text-select-select-font-color: var(--okd-color-content-primary);
    --okd-select-text-select-disabled-font-color: var(--okd-color-content-disabled);
    --okd-select-text-select-default-icon-color: var(--okd-color-content-primary);
    --okd-select-text-select-hover-icon-color: var(--okd-color-content-primary);
    --okd-select-text-select-select-icon-color: var(--okd-color-content-primary);
    --okd-select-text-select-disabled-icon-color: var(--okd-color-content-disabled);
    --okd-select-input-select-default-icon-color: var(--okd-color-content-primary);
    --okd-select-input-select-default-icon-size: 16px;
    --okd-select-md-title-font-size: 10px;
    --okd-select-sm-title-font-size: 10px;
    --okd-select-xs-title-font-size: 10px;
    --okd-select-md-title-line-height: var(--okd-select-md-title-font-size);
    --okd-select-sm-title-line-height: var(--okd-select-md-title-font-size);
    --okd-select-xs-title-line-height: var(--okd-select-md-title-font-size);
    --okd-select-md-title-padding-horizontal: 16px;
    --okd-select-md-title-padding-top: 12px;
    --okd-select-md-title-padding-bottom: 4px;
    --okd-select-sm-title-padding-horizontal: 12px;
    --okd-select-sm-title-padding-top: 4px;
    --okd-select-sm-title-padding-bottom: 4px;
    --okd-select-xs-title-padding-horizontal: 12px;
    --okd-select-xs-title-padding-top: 4px;
    --okd-select-xs-title-padding-bottom: 4px;
    --okd-select-md-text-font-size: var(--okd-font-size-md);
    --okd-select-sm-text-font-size: var(--okd-font-size-xs);
    --okd-select-xs-text-font-size: var(--okd-font-size-xs);
    --okd-select-md-option-font-size: var(--okd-font-size-md);
    --okd-select-sm-option-font-size: var(--okd-font-size-xs);
    --okd-select-xs-option-font-size: var(--okd-font-size-xs);
    --okd-select-md-option-line-height: var(--okd-line-height-md);
    --okd-select-sm-option-line-height: var(--okd-line-height-xs);
    --okd-select-xs-option-line-height: var(--okd-line-height-xs);
    --okd-select-md-option-padding-horizontal: 16px;
    --okd-select-md-option-padding-vertical: 12px;
    --okd-select-sm-option-padding-horizontal: 12px;
    --okd-select-sm-option-padding-vertical: 8px;
    --okd-select-xs-option-padding-horizontal: 12px;
    --okd-select-xs-option-padding-vertical: 8px;
    --okd-select-md-check-icon-font-size: 16px;
    --okd-select-sm-check-icon-font-size: 16px;
    --okd-select-xs-check-icon-font-size: 16px;
    --okd-select-md-empty-icon-font-size: 24px;
    --okd-select-sm-empty-icon-font-size: 24px;
    --okd-select-xs-empty-icon-font-size: 24px;
    --okd-select-md-empty-font-size: var(--okd-font-size-md);
    --okd-select-sm-empty-font-size: var(--okd-font-size-md);
    --okd-select-xs-empty-font-size: var(--okd-font-size-md);
    --okd-select-md-search-input-font-size: var(--okd-font-size-md);
    --okd-select-sm-search-input-font-size: var(--okd-font-size-md);
    --okd-select-xs-search-input-font-size: var(--okd-font-size-md);
    --okd-select-md-search-icon-size: 18px;
    --okd-select-sm-search-icon-size: 18px;
    --okd-select-xs-search-icon-size: 18px;
    --okd-select-md-text-select-font-size: var(--okd-font-size-md);
    --okd-select-sm-text-select-font-size: var(--okd-font-size-xs);
    --okd-select-xs-text-select-font-size: var(--okd-font-size-xs);
    --okd-select-md-search-margin-vertical: 8px;
    --okd-select-md-search-margin-horizontal: 16px;
    --okd-select-md-search-height: 28px;
    --okd-select-sm-search-margin-vertical: 8px;
    --okd-select-sm-search-margin-horizontal: 12px;
    --okd-select-sm-search-height: 28px;
    --okd-select-xs-search-margin-vertical: 8px;
    --okd-select-xs-search-margin-horizontal: 12px;
    --okd-select-xs-search-height: 28px;
    --okd-select-option-common-line-color: var(--okd-color-border-primary);
    --okd-select-option-common-line-height: 1px;
    --okd-select-option-common-line-margin-vertical: 6px;
    --okd-select-md-search-padding-vertical: 5px;
    --okd-select-md-search-padding-horizontal: 8px;
    --okd-select-sm-search-padding-vertical: 5px;
    --okd-select-sm-search-padding-horizontal: 8px;
    --okd-select-xs-search-padding-vertical: 5px;
    --okd-select-xs-search-padding-horizontal: 8px;
    --okd-select-mobile-option-container-padding-vertical: 8px;
    --okd-select-mobile-option-item-container-padding-top: 8px;
    --okd-select-search-input-clear-icon-color: #bdbdbd;
    --okd-select-md-search-clear-icon-size: 14px;
    --okd-select-sm-search-clear-icon-size: 14px;
    --okd-select-xs-search-clear-icon-size: 14px;
    --okd-select-lg-title-padding-top: 12px;
    --okd-select-lg-title-padding-bottom: 4px;
    --okd-select-lg-title-padding-horizontal: 16px;
    --okd-select-lg-title-font-size: 12px;
    --okd-select-lg-title-line-height: var(--okd-select-lg-title-font-size);
    --okd-select-lg-option-line-height: var(--okd-select-lg-option-line-height);
    --okd-select-lg-option-padding-vertical: 12px;
    --okd-select-lg-option-padding-horizontal: 16px;
    --okd-select-lg-option-font-size: 14px;
    --okd-select-lg-empty-icon-font-size: 24px;
    --okd-select-lg-empty-font-size: 14px;
    --okd-select-lg-search-margin-horizontal: 16px;
    --okd-select-lg-search-margin-vertical: 8px;
    --okd-select-lg-search-padding-horizontal: 8px;
    --okd-select-lg-search-padding-vertical: 4px;
    --okd-select-lg-search-height: 28px;
    --okd-select-lg-search-icon-size: 18px;
    --okd-select-lg-search-clear-icon-size: 14px;
    --okd-select-lg-search-input-font-size: 14px;
    --okd-select-lg-text-select-font-size: 14px;
    --okd-select-lg-check-icon-font-size: var(--okd-select-md-check-icon-font-size);
    --okd-select-lg-text-font-size: 14px;
    --okd-select-xl-title-padding-top: 12px;
    --okd-select-xl-title-padding-bottom: 4px;
    --okd-select-xl-title-padding-horizontal: 16px;
    --okd-select-xl-title-font-size: 12px;
    --okd-select-xl-title-line-height: var(--okd-select-xl-title-font-size);
    --okd-select-xl-option-line-height: var(--okd-select-xl-option-line-height);
    --okd-select-xl-option-padding-vertical: 12px;
    --okd-select-xl-option-padding-horizontal: 16px;
    --okd-select-xl-option-font-size: 14px;
    --okd-select-xl-empty-icon-font-size: 24px;
    --okd-select-xl-empty-font-size: 14px;
    --okd-select-xl-search-margin-horizontal: 16px;
    --okd-select-xl-search-margin-vertical: 8px;
    --okd-select-xl-search-padding-horizontal: 8px;
    --okd-select-xl-search-padding-vertical: 4px;
    --okd-select-xl-search-height: 28px;
    --okd-select-xl-search-icon-size: 18px;
    --okd-select-xl-search-clear-icon-size: 14px;
    --okd-select-xl-search-input-font-size: 14px;
    --okd-select-xl-text-select-font-size: 14px;
    --okd-select-xl-check-icon-font-size: var(--okd-select-md-check-icon-font-size);
    --okd-select-xl-text-font-size: 14px;
    --okd-select-mobile-option-line-height: 20px;
    --okd-select-mobile-option-padding-vertical: 18px;
    --okd-select-mobile-option-padding-horizontal: 16px;
    --okd-select-mobile-option-font-size: 16px;
    --okd-select-mobile-option-icon-font-size: 24px;
    --okd-select-mobile-option-title-padding-top: var(--okd-select-md-title-padding-top);
    --okd-select-mobile-option-title-padding-bottom: var(--okd-select-md-title-padding-bottom);
    --okd-select-mobile-option-title-padding-horizontal: var(--okd-select-md-title-padding-horizontal);
    --okd-select-mobile-option-title-font-size: var(--okd-select-md-title-font-size);
    --okd-select-mobile-option-title-line-height: var(--okd-select-md-title-line-height);
    --okd-select-xl-option-icon-font-size: 20px;
    --okd-select-lg-option-icon-font-size: 20px;
    --okd-select-md-option-icon-font-size: 20px;
    --okd-select-sm-option-icon-font-size: 16px;
    --okd-select-xs-option-icon-font-size: 16px;
    --okd-select-xl-tag-icon-font-size: 16px;
    --okd-select-lg-tag-icon-font-size: 16px;
    --okd-select-md-tag-icon-font-size: 16px;
    --okd-select-sm-tag-icon-font-size: 14px;
    --okd-select-xs-tag-icon-font-size: 14px;
    --okd-select-xl-reference-icon-font-size: 20px;
    --okd-select-lg-reference-icon-font-size: 20px;
    --okd-select-md-reference-icon-font-size: 20px;
    --okd-select-sm-reference-icon-font-size: 16px;
    --okd-select-xs-reference-icon-font-size: 16px;
    --okd-select-xl-tag-text-font-size: 14px;
    --okd-select-lg-tag-text-font-size: 14px;
    --okd-select-md-tag-text-font-size: 14px;
    --okd-select-sm-tag-text-font-size: 12px;
    --okd-select-xs-tag-text-font-size: 12px;
    --okd-select-xl-tag-height: 32px;
    --okd-select-lg-tag-height: 32px;
    --okd-select-md-tag-height: 24px;
    --okd-select-sm-tag-height: 24px;
    --okd-select-xs-tag-height: 20px;
    --okd-select-tag-default-background: var(--okd-color-background-surface-contrast);
    --okd-select-tag-disabled-background: var(--okd-color-background-surface-contrast);
    --okd-select-tag-text-default-color: var(--okd-color-content-primary);
    --okd-select-tag-text-disabled-color: var(--okd-color-content-disabled);
    --okd-select-tag-icon-default-color: var(--okd-color-content-contrast);
    --okd-select-tag-icon-hover-color: var(--okd-color-content-primary);
    --okd-select-tag-icon-disabled-color: var(--okd-color-content-disabled);
    --okd-select-reference-icon-default-color: var(--okd-color-content-contrast);
    --okd-select-reference-icon-hover-color: var(--okd-color-content-primary);
    --okd-select-xl-arrow-icon-font-size: 16px;
    --okd-select-lg-arrow-icon-font-size: 16px;
    --okd-select-md-arrow-icon-font-size: 16px;
    --okd-select-sm-arrow-icon-font-size: 14px;
    --okd-select-xs-arrow-icon-font-size: 14px;
    --okd-select-tag-icon-padding-left: 4px;
    --okd-select-tag-border-radius: 4px;
    --okd-select-tag-margin-right: 4px;
    --okd-select-tag-margin-bottom: 4px;
    --okd-select-tag-padding-horizontal: 8px;
    --okd-select-xl-input-suffix-margin-left: 16px;
    --okd-select-lg-input-suffix-margin-left: 16px;
    --okd-select-md-input-suffix-margin-left: 16px;
    --okd-select-sm-input-suffix-margin-left: 16px;
    --okd-select-xs-input-suffix-margin-left: 12px;
    --okd-select-xl-tag-margin-right: 4px;
    --okd-select-lg-tag-margin-right: 4px;
    --okd-select-md-tag-margin-right: 4px;
    --okd-select-sm-tag-margin-right: 4px;
    --okd-select-xs-tag-margin-right: 4px;
    --okd-select-input-select-disabled-icon-color: var(--okd-color-content-disabled);
    --okd-slider-common-active-color: var(--okd-color-content-primary);
    --okd-slider-common-text-color: var(--okd-color-content-disabled);
    --okd-slider-common-track-color: var(--okd-color-border-primary);
    --okd-slider-label-color: #000;
    --okd-slider-label-font-size: var(--okd-font-size-md);
    --okd-slider-label-line-height: var(--okd-line-height-md);
    --okd-slider-node-border-color: var(--okd-color-content-disabled);
    --okd-slider-node-bg-color: var(--okd-color-background-base-primary);
    --okd-slider-handler-shadow-color: var(--okd-color-border-selected);
    --okd-slider-handler-border-color: var(--okd-color-border-selected);
    --okd-slider-desc-color: #929292;
    --okd-slider-desc-font-size: var(--okd-font-size-md);
    --okd-slider-desc-line-height: var(--okd-line-height-md);
    --okd-slider-md-handler-size: 18px;
    --okd-slider-md-handler-hover-size: 24px;
    --okd-slider-md-node-size: 12px;
    --okd-slider-md-track-height: 4px;
    --okd-slider-sm-handler-size: 9px;
    --okd-slider-sm-handler-hover-size: 12px;
    --okd-slider-sm-node-size: 8px;
    --okd-slider-sm-track-height: 2px;
    --okd-slider-node-text-color: var(--okd-color-content-disabled);
    --okd-slider-common-disabled-active-color: var(--okd-color-content-disabled);
    --okd-slider-common-text-active-color: var(--okd-color-content-primary);
    --okd-slider-handler-border-disabled-color: var(--okd-color-content-disabled);
    --okd-slider-common-text-disabled-active-color: var(--okd-color-content-disabled);
    --okd-slider-handler-bg-color: #fff;
    --okd-slider-desc-margin-top: 6px;
    --okd-slider-common-top: 14px;
    --okd-slider-sm-node-text-top: 8px;
    --okd-switch-label-font-color: var(--okd-color-content-secondary);
    --okd-switch-on-default-track-color: #000;
    --okd-switch-on-disabled-track-color: #f3f3f3;
    --okd-switch-on-loading-track-color: #e6e6e6;
    --okd-switch-on-default-handler-color: #fff;
    --okd-switch-on-disabled-handler-color: #fff;
    --okd-switch-on-loading-handler-color: #fff;
    --okd-switch-on-default-handler-shadow: var(--okd-shadow-xs);
    --okd-switch-on-disabled-handler-shadow: var(--okd-shadow-xs);
    --okd-switch-on-loading-handler-shadow: var(--okd-shadow-xs);
    --okd-switch-on-loading-mark-color: var(--okd-color-border-secondary);
    --okd-switch-on-focus-shadow: 0px 0px 0px 3px #bdcfff73;
    --okd-switch-off-default-track-color: #e6e6e6;
    --okd-switch-off-disabled-track-color: #f3f3f3;
    --okd-switch-off-loading-track-color: #e6e6e6;
    --okd-switch-off-default-handler-color: #fff;
    --okd-switch-off-disabled-handler-color: #fff;
    --okd-switch-off-loading-handler-color: #fff;
    --okd-switch-off-default-handler-shadow: var(--okd-shadow-xs);
    --okd-switch-off-disabled-handler-shadow: var(--okd-shadow-xs);
    --okd-switch-off-loading-handler-shadow: var(--okd-shadow-xs);
    --okd-switch-off-loading-mark-color: var(--okd-color-border-secondary);
    --okd-switch-off-focus-shadow: 0px 0px 0px 3px #bdcfff73;
    --okd-switch-duration-seconds: 0.36s;
    --okd-switch-md-label-size: var(--okd-font-size-base);
    --okd-switch-sm-label-size: var(--okd-font-size-md);
    --okd-switch-md-width: 40px;
    --okd-switch-md-height: 24px;
    --okd-switch-md-handler-size: 20px;
    --okd-switch-sm-width: 28px;
    --okd-switch-sm-height: 16px;
    --okd-switch-sm-handler-size: 12px;
    --okd-switch-theme-icon-color: var(--okd-color-content-primary);
    --okd-popover-background: #fff;
    --okd-popover-link-color: var(--okd-color-content-secondary);
    --okd-popover-action-color: var(--okd-color-content-secondary);
    --okd-popover-title-color: var(--okd-color-content-primary);
    --okd-popover-title-line-height: 20px;
    --okd-popover-title-background: #f6f6f6;
    --okd-popover-desc-color: var(--okd-color-content-secondary);
    --okd-popover-md-font-size: 14px;
    --okd-popover-md-title-font-size: 16px;
    --okd-popover-md-line-height: 20px;
    --okd-popover-sm-font-size: 12px;
    --okd-popover-sm-title-font-size: 14px;
    --okd-popover-sm-line-height: 16px;
    --okd-popover-common-padding: 12px;
    --okd-popover-common-layer-width: 280px;
    --okd-popover-common-layer-shadow: rgba(0, 0, 0, .05) 0px 4px 6px -2px, rgba(0, 0, 0, .1) 0px 10px 15px -3px;
    --okd-popover-desc-background: var(--okd-color-modal-primary);
    --okd-popover-layer-background: var(--okd-color-modal-primary);
    --okd-popover-layer-border-color: var(--okd-color-transparent-white);
    --okd-accordion-header-padding-vertical: 32px;
    --okd-accordion-header-padding-horizontal: 0;
    --okd-accordion-main-border-color: var(--okd-color-border-primary);
    --okd-accordion-header-icon-color: var(--okd-color-content-tertiary);
    --okd-accordion-header-icon-size: 20px;
    --okd-accordion-header-icon-sm-size: 16px;
    --okd-accordion-header-title-color: var(--okd-color-content-primary);
    --okd-accordion-header-title-line-height: 24px;
    --okd-accordion-header-title-font-weight: 500;
    --okd-accordion-header-title-font-size: 18px;
    --okd-accordion-header-title-sm-line-height: 16px;
    --okd-accordion-header-title-sm-font-weight: 500;
    --okd-accordion-header-title-sm-font-size: 14px;
    --okd-accordion-header-margin-bottom: 16px;
    --okd-accordion-header-sm-margin-bottom: 8px;
    --okd-accordion-content-font-size: 14px;
    --okd-accordion-content-line-height: 1.58;
    --okd-accordion-content-font-weight: 400;
    --okd-accordion-content-sm-font-size: 12px;
    --okd-accordion-content-sm-line-height: 1.58;
    --okd-accordion-content-sm-font-weight: 400;
    --okd-accordion-content-color: var(--okd-color-content-tertiary)
}

.index_auto-message-tag__r8lCE {
    border-top: .5px solid var(--okd-color-gray-200);
    color: rgba(0, 0, 0, .57);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 8px;
    padding-top: 8px
}

.index_auto-message-tag__r8lCE.index_me__HvXze {
    color: #e3e3e3
}

.index_card__4VjNZ {
    color: #929292;
    display: flex;
    flex-direction: column
}

.index_card__4VjNZ .index_header__glCns {
    border-bottom: 1px solid hsla(0, 0%, 80%, .3);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    white-space: pre-line
}

.index_card__4VjNZ .index_btn__xhpvg {
    color: #3d3d3d;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

:root {
    --okd-hyperlink-primary-default-color: var(--okd-color-content-primary);
    --okd-hyperlink-primary-default-icon-color: var(--okd-color-content-primary);
    --okd-hyperlink-primary-default-underline-color: var(--okd-color-content-primary);
    --okd-hyperlink-primary-hover-color: var(--okd-color-content-secondary);
    --okd-hyperlink-primary-hover-icon-color: var(--okd-color-content-secondary);
    --okd-hyperlink-primary-hover-underline-color: var(--okd-color-content-secondary);
    --okd-hyperlink-secondary-default-color: var(--okd-color-content-primary);
    --okd-hyperlink-secondary-default-icon-color: var(--okd-color-content-primary);
    --okd-hyperlink-secondary-default-underline-color: var(--okd-color-content-primary);
    --okd-hyperlink-secondary-hover-color: var(--okd-color-content-secondary);
    --okd-hyperlink-secondary-hover-icon-color: var(--okd-color-content-secondary);
    --okd-hyperlink-secondary-hover-underline-color: var(--okd-color-content-secondary);
    --okd-hyperlink-xs-font-size: 12px;
    --okd-hyperlink-sm-font-size: 14px;
    --okd-hyperlink-md-font-size: 16px;
    --okd-hyperlink-lg-font-size: 18px;
    --okd-hyperlink-xs-icon-font-size: 12px;
    --okd-hyperlink-sm-icon-font-size: 16px;
    --okd-hyperlink-md-icon-font-size: 16px;
    --okd-hyperlink-lg-icon-font-size: 16px;
    --okd-hyperlink-xs-line-height: 16px;
    --okd-hyperlink-sm-line-height: 16px;
    --okd-hyperlink-md-line-height: 20px;
    --okd-hyperlink-lg-line-height: 24px;
    --okd-hyperlink-medium-font-weight: 500;
    --okd-hyperlink-medium-hover-font-weight: 500;
    --okd-hyperlink-muted-font-weight: 400;
    --okd-hyperlink-muted-hover-font-weight: 400;
    --okd-hyperlink-amplified-font-weight: 700;
    --okd-hyperlink-amplified-hover-font-weight: 700;
    --okd-hyperlink-xs-icon-margin-left: 0px;
    --okd-hyperlink-sm-icon-margin-left: 4px;
    --okd-hyperlink-md-icon-margin-left: 4px;
    --okd-hyperlink-lg-icon-margin-left: 4px;
    --okd-hyperlink-reversed-default-color: var(--okd-color-content-inverse);
    --okd-hyperlink-reversed-default-icon-color: var(--okd-color-content-inverse);
    --okd-hyperlink-reversed-default-underline-color: var(--okd-color-content-inverse);
    --okd-hyperlink-reversed-hover-color: var(--okd-color-content-inverse);
    --okd-hyperlink-reversed-hover-icon-color: var(--okd-color-content-inverse);
    --okd-hyperlink-reversed-hover-underline-color: var(--okd-color-content-inverse);
    --okd-hyperlink-accent-default-color: var(--okd-color-link-accent-content-primary);
    --okd-hyperlink-accent-default-icon-color: var(--okd-color-link-accent-content-primary);
    --okd-hyperlink-accent-default-underline-color: var(--okd-color-link-accent-content-primary);
    --okd-hyperlink-accent-hover-color: var(--okd-color-link-accent-content-primary);
    --okd-hyperlink-accent-hover-icon-color: var(--okd-color-link-accent-content-primary);
    --okd-hyperlink-accent-hover-underline-color: var(--okd-color-link-accent-content-primary);
    --okd-hyperlink-reversed-disabled-color: var(--okd-color-content-disabled);
    --okd-hyperlink-accent-disabled-color: var(--okd-color-content-disabled);
    --okd-hyperlink-primary-disabled-color: var(--okd-color-content-disabled);
    --okd-color-link-accent-surface-pressed: #d2e8a4;
    --okd-color-link-accent-content-disabled: #d2e8a4
}

.new-order-card {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    margin-bottom: var(--message-gap, 24px)
}

.new-order-card .order-header {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 80%, .3);
    display: flex;
    font-size: 14px;
    height: 22px;
    line-height: 14px;
    padding-bottom: 8px
}

.new-order-card .order-header .side {
    flex-shrink: 0;
    font-weight: 600
}

.new-order-card .order-header .side.buy {
    color: var(--color-buy)
}

.new-order-card .order-header .side.sell {
    color: var(--color-sell)
}

.new-order-card .order-header .base {
    color: #3f475a;
    flex-shrink: 0;
    margin: 0 4px
}

.new-order-card .order-header .order-no {
    color: #9aa1b1;
    display: inline-block;
    font-size: 12px;
    margin-left: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.new-order-card .order-header .jump-detail {
    align-items: center;
    color: #929292;
    display: flex;
    flex-shrink: 0;
    font-size: 12px;
    margin-left: auto
}

.new-order-card .order-header .jump-detail .jump-icon {
    font-size: 14px
}

.new-order-card .order-info {
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.new-order-card .order-info .info-item {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 16px
}

.new-order-card .order-info .info-item .title {
    color: #9aa1b1;
    font-weight: 400
}

.new-order-card .order-info .info-item .value {
    color: #3f475a;
    font-weight: 500
}

.OKOTCNoOpsCardMsg-system-message {
    white-space: pre-line
}

.copy-icon {
    color: #9aa1b1;
    cursor: pointer;
    font-size: 16px;
    margin-left: 8px
}

.im-common-words-popover {
    display: flex;
    flex-direction: column;
    width: 305px
}

.im-common-words-popover .common-words-header {
    align-items: center;
    box-sizing: border-box;
    color: #959dad;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    justify-content: space-between;
    line-height: 16px;
    padding: 0 16px
}

.im-common-words-popover .common-words-header .common-words-setting-btn {
    color: #000;
    cursor: pointer;
    text-decoration: underline
}

.im-common-words-popover .common-words-content {
    box-sizing: border-box;
    max-height: 320px;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 16px
}

.im-common-words-popover .common-words-content .common-words-item {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    font-size: 14px;
    line-height: 22px;
    margin-top: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.im-common-words-popover .common-words-content .common-words-item:first-child {
    margin-top: 0
}

.im-share-popover {
    display: flex;
    flex-direction: column;
    width: 320px
}

.im-share-popover .share-header {
    align-items: center;
    border-bottom: 1px solid #edf0f7;
    box-sizing: border-box;
    color: #959dad;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    justify-content: space-between;
    line-height: 16px;
    padding: 0 16px
}

.im-share-popover .share-content {
    box-sizing: border-box;
    max-height: 320px;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 16px 16px 0
}

.im-share-popover .share-content .payment-status-title {
    color: #3f475a;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.im-share-popover .share-content .payment-item {
    align-items: flex-start;
    color: #1f2533;
    display: flex;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    margin-right: 0;
    margin-top: 12px
}

.im-share-popover .share-content .payment-item .icon-block {
    margin-top: 0
}

.im-share-popover .share-content .payment-item+.payment-status-title {
    margin-top: 24px
}

.im-share-popover .share-content .payment-item .item-icon {
    height: 16px;
    margin-right: 8px;
    margin-top: 2px;
    width: 16px
}

.im-share-popover .share-content .payment-item .item-info {
    box-sizing: border-box;
    flex: 1 1 auto;
    padding-right: 24px;
    white-space: normal;
    word-break: break-all
}

.im-share-popover .share-content .payment-item .item-name {
    flex: 1 1 auto;
    margin-right: 10px;
    text-align: right;
    white-space: normal
}

.im-share-popover .share-content .payment-item .item-check {
    margin-left: auto
}

.im-share-popover .share-action {
    box-sizing: border-box;
    margin-top: 24px;
    padding: 0 16px 16px
}

.index_institutional__JVQ6Q {
    display: block
}

.index_progress-bar__33gcR {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: space-between;
    margin-top: 4px;
    position: relative
}

.index_progress-bar-text__pvsnV {
    left: 50%;
    position: absolute;
    z-index: 1
}

.index_progress-bar__33gcR .index_bar__ZuwK\+ {
    display: inline-block;
    height: 16px;
    text-align: center;
    width: 100%
}

.index_progress-bar__33gcR .index_bar__ZuwK\+.index_left__BPYE- {
    background-color: #31bd65;
    margin-left: 8px;
    padding-left: 22px;
    position: relative
}

.index_progress-bar__33gcR .index_bar__ZuwK\+.index_left__BPYE-:after {
    background-color: #31bd65;
    border-radius: 3px;
    content: " ";
    height: 16px;
    position: absolute;
    right: -10px;
    top: 0;
    transform: skewX(-30deg) translateX(5px);
    width: 22px
}

.index_progress-bar__33gcR .index_bar__ZuwK\+.index_right__ofM8G {
    background-color: #dbdbdb;
    margin-right: 8px;
    padding-right: 22px;
    position: relative
}

.index_progress-bar__33gcR .index_bar__ZuwK\+.index_right__ofM8G:before {
    background-color: #dbdbdb;
    border-radius: 3px;
    content: " ";
    height: 16px;
    left: -10px;
    position: absolute;
    transform: skewX(-30deg) translateX(-5px);
    width: 22px
}

.index_progress-bar__33gcR .index_split__KfrIX {
    display: inline-block;
    flex-shrink: 0;
    width: 40px
}

.index_progress-bar__33gcR:before {
    content: "😄";
    left: -1px
}

.index_progress-bar__33gcR:after,
.index_progress-bar__33gcR:before {
    font-size: 20px;
    height: 20px;
    line-height: 22px;
    position: absolute;
    z-index: 1
}

.index_progress-bar__33gcR:after {
    content: "😔";
    right: -1px
}

.verified-content {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.verified-content .item-container {
    display: flex
}

.verified-content .item-container .icon-box {
    display: flex;
    justify-content: flex-start
}

.verified-content .item-container .icon-box .check-mark {
    zoom: 1.5;
    color: #31bd65;
    height: 18px;
    padding-right: 22px;
    width: 20px
}

.verified-content .item-container .verified-item {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    row-gap: 4px
}

.verified-content .item-container .verified-item .item-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.verified-content .item-container .verified-item .item-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 4px
}

.index_container__CMjE3 {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: inline-flex;
    flex-wrap: wrap;
    row-gap: 4px;
    width: -moz-max-content;
    width: max-content;
    width: -moz-fit-content;
    width: fit-content
}

.index_container__CMjE3 .index_tag__ZO8Ec {
    align-items: center;
    border-radius: 4px;
    color: #05c28c;
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    white-space: nowrap
}

.index_container__CMjE3 .index_tag__ZO8Ec .index_icon__ULYkS {
    font-size: 14px
}

.index_container__CMjE3 .index_tag__ZO8Ec.index_line-break__GvQAY {
    flex: 0 0 100%
}

.contract-info-util {
    background-color: var(--okd-color-text-white);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, .22), 0 35px 65px -3px rgba(0, 0, 0, .22);
    box-sizing: border-box;
    overscroll-behavior: contain;
    padding: 24px 16px;
    position: relative;
    width: 330px
}

.contract-info-util .tooltip-close-icon {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: inline-flex;
    font-size: 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 24px
}

.contract-info-util-title {
    margin-top: 16px;
    text-align: left
}

.contract-info-util-title-name {
    align-items: center;
    color: var(--okd-color-gray-900);
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.contract-info-util-title-name .contract-info-util-title-content {
    margin-right: 8px
}

.contract-info-util-title-info {
    color: var(--okd-color-gray-400);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 4px
}

.contract-info-util-title .verified-tag-box {
    display: flex
}

.contract-info-util-title-item {
    background: hsla(0, 0%, 92%, .7);
    border-radius: 4px;
    color: var(--okd-color-gray-700);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 8px;
    padding: 2px 6px
}

.contract-info-util-title-item+.contract-info-util-title-item {
    margin-left: 8px
}

.contract-info-util-review {
    border-top: 1px solid var(--okd-color-gray-100);
    margin-top: 24px;
    padding-top: 24px
}

.contract-info-util-review-title {
    color: var(--okd-color-gray-900);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.contract-info-util .item-container {
    border-top: 1px solid var(--okd-color-gray-100);
    font-size: 14px;
    margin-top: 24px;
    padding-top: 24px
}

.contract-info-util .item+.item {
    margin-top: 16px
}

.contract-info-util .item {
    align-items: center;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    line-height: 16px
}

.contract-info-util .item .item-title {
    align-items: center;
    color: var(--okd-color-gray-400);
    display: flex;
    text-align: left
}

.contract-info-util .item .item-value {
    color: var(--okd-color-gray-900);
    text-align: right
}

.contract-info-util .item .item-value img {
    height: 24px;
    width: 24px
}

.contract-info-util .item.sub {
    margin-top: 6px
}

.contract-info-util .item.sub .prefix-icon {
    border-radius: 6px;
    display: inline-block;
    height: 10px;
    margin-left: 8px;
    margin-right: 6px;
    width: 2px
}

.contract-info-util .item.sub .sell-icon {
    background: var(--color-sell)
}

.contract-info-util .item.sub .buy-icon {
    background: var(--color-buy)
}

.icon-block {
    border-radius: 4px;
    height: 10px;
    margin-right: 6px;
    margin-top: 2px;
    width: 3px
}

.preview-img {
    height: 120px;
    position: relative;
    width: 31.33333%
}

.preview-box {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.preview-box .video-tip {
    cursor: pointer;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 30px;
    z-index: 100
}

.preview-box .upload-container {
    cursor: default;
    height: 100%
}

.customPreview {
    color: var(--okd-color-gray-400);
    display: flex;
    justify-content: space-evenly;
    width: 100%
}

.customPreview .deleteIcon,
.customPreview .pdfIcon {
    cursor: pointer;
    transform: scale(2)
}

:root {
    --okd-upload-active-border-color: #0569ff;
    --okd-upload-active-logo-color: #0569ff;
    --okd-upload-active-background-color: rgba(245, 249, 255, .45);
    --okd-upload-active-label-color: #0569ff;
    --okd-upload-error-border-color: var(--okd-color-semantic-negative);
    --okd-upload-error-logo-color: var(--okd-color-semantic-negative);
    --okd-upload-error-background-color: var(--okd-color-transparent-white);
    --okd-upload-error-label-color: var(--okd-color-content-secondary);
    --okd-upload-success-border-color: var(--okd-color-border-primary);
    --okd-upload-success-logo-color: var(--okd-color-semantic-positive);
    --okd-upload-error-retry-text-color: var(--okd-color-content-primary);
    --okd-upload-success-background-color: var(--okd-color-background-surface-primary);
    --okd-upload-pc-label-font-size: var(--okd-font-size-base);
    --okd-upload-pc-label-line-height: var(--okd-line-height-base);
    --okd-upload-pc-desc-font-size: var(--okd-font-size-xs);
    --okd-upload-pc-desc-line-height: var(--okd-line-height-xs);
    --okd-upload-mobile-label-font-size: var(--okd-font-size-md);
    --okd-upload-mobile-label-line-height: var(--okd-line-height-md);
    --okd-upload-mobile-desc-font-size: var(--okd-font-size-md);
    --okd-upload-mobile-desc-line-height: var(--okd-line-height-md);
    --okd-upload-filelist-count-font-size: var(--okd-font-size-base);
    --okd-upload-filelist-count-line-height: var(--okd-line-height-base);
    --okd-upload-file-name-font-size: var(--okd-font-size-md);
    --okd-upload-file-name-line-height: var(--okd-line-height-md);
    --okd-upload-file-desc-font-size: var(--okd-font-size-xs);
    --okd-upload-file-desc-line-height: var(--okd-line-height-xs);
    --okd-upload-text-btn-color: var(--okd-color-content-tertiary);
    --okd-upload-list-font-size: var(--okd-font-size-base);
    --okd-upload-list-line-height: var(--okd-line-height-base);
    --okd-upload-list-color: #000;
    --okd-upload-list-retry-font-size: var(--okd-font-size-md);
    --okd-upload-list-retry-line-height: var(--okd-line-height-md);
    --okd-upload-list-retry-color: #0569ff;
    --okd-upload-list-label-font-size: var(--okd-font-size-md);
    --okd-upload-list-label-line-height: var(--okd-line-height-md);
    --okd-upload-list-desc-font-size: var(--okd-font-size-xs);
    --okd-upload-list-desc-line-height: var(--okd-line-height-xs);
    --okd-upload-list-desc-color: #929292;
    --okd-upload-patch-entry-disabled-background: var(--okd-color-background-surface-primary);
    --okd-upload-patch-item-background: var(--okd-color-background-surface-primary);
    --okd-upload-patch-item-title-color: var(--okd-color-content-secondary);
    --okd-upload-patch-item-desc-color: var(--okd-color-content-disabled);
    --okd-upload-patch-item-error-icon-color: var(--okd-color-semantic-negative);
    --okd-upload-patch-item-error-text-color: var(--okd-color-semantic-negative);
    --okd-upload-patch-item-success-icon-color: var(--okd-color-semantic-positive);
    --okd-upload-patch-item-remove-icon-color: var(--okd-color-content-disabled);
    --okd-upload-patch-item-mobile-remove-icon-color: var(--okd-color-content-disabled);
    --okd-upload-patch-item-retry-text-color: var(--okd-color-content-primary);
    --okd-upload-patch-item-placeholder-icon-color: var(--okd-color-content-disabled);
    --okd-upload-patch-tip-color: var(--okd-color-content-primary);
    --okd-upload-disabled-background: var(--okd-color-background-surface-disable);
    --okd-upload-disabled-border-color: var(--okd-color-border-primary);
    --okd-upload-patch-item-mobile-default-border-color: var(--okd-color-border-primary);
    --okd-upload-patch-item-mobile-active-border-color: var(--okd-color-border-primary);
    --okd-upload-patch-item-mobile-success-border-color: var(--okd-color-border-primary);
    --okd-upload-patch-item-mobile-error-border-color: var(--okd-color-border-primary);
    --okd-upload-default-icon-color: #fff;
    --okd-upload-default-border-color: var(--okd-color-border-secondary);
    --okd-upload-default-logo-color: var(--okd-color-border-secondary);
    --okd-upload-default-background-color: var(--okd-color-transparent-white);
    --okd-upload-default-label-color: var(--okd-color-content-tertiary);
    --okd-upload-default-desc-color: var(--okd-color-content-disabled);
    --okd-upload-disabled-logo-color: var(--okd-upload-default-logo-color);
    --okd-upload-disabled-label-color: var(--okd-upload-default-label-color);
    --okd-upload-disabled-desc-color: var(--okd-upload-default-desc-color)
}

.file-upload-wrapper {
    -moz-column-gap: 3%;
    column-gap: 3%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px
}

.file-upload-wrapper .file-upload-drop-box {
    height: 120px;
    position: relative;
    width: 31.33333%
}

.file-upload-wrapper .file-upload {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mutiple-files {
    flex-wrap: wrap
}

.mutiple-files>div:nth-child(3),
.mutiple-files>div:nth-child(6) {
    margin-right: 0
}

.file-upload-error-tip {
    color: var(--okd-input-error-tips-color);
    font-size: var(--okd-input-md-error-font-size);
    line-height: var(--okd-input-md-error-line-height);
    margin-top: 4px;
    margin-top: var(--okd-input-md-tip-margin, 4px)
}

.report-flow-wrapper {
    cursor: pointer
}

.report-flow-wrapper .entry-text {
    color: #000;
    font-size: 12px;
    line-height: 16px
}

.report-flow-wrapper .cny-block-icon {
    font-size: 20px
}

.report-flow-wrapper .report-warning-icon {
    color: #000;
    font-size: 14px;
    margin-right: 4px
}

.report-flow-wrapper .report-block-icon-svg {
    color: #000;
    font-size: 14px;
    margin-right: 5px
}

.report-flow-reason-window .report-radio-item,
.report-flow-reason-window .report-radio-item .report-radio-item-label-wrapper {
    display: block;
    margin-bottom: 24px
}

.report-flow-reason-window .report-radio-item .report-radio-item-label-wrapper.other-reason,
.report-flow-reason-window .report-radio-item.other-reason {
    margin-bottom: 10px
}

.report-flow-reason-window .reasonNote {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 8px;
    opacity: 43%
}

.report-flow-reason-window .other-reason-text-area {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    height: 114px;
    line-height: 16px;
    width: 100%
}

.report-flow-reason-window .select-option-container {
    max-height: 280px
}

.report-flow-reason-window .select-option-item:not(:first-of-type) {
    border-top: 1px solid #edf0f7
}

.report-flow-reason-window .counter-party-option {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    width: 100%
}

.report-flow-reason-window .counter-party-option .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.report-flow-reason-window .counter-party-option .counter-party-item-user {
    align-items: center;
    display: flex
}

.report-flow-reason-window .counter-party-option .counter-party-item {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 16px
}

.report-flow-reason-window .counter-party-option .counter-party-item .label {
    color: #909090;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.report-flow-reason-window .counter-party-option .counter-party-item .value {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.report-flow-reason-container {
    min-height: 400px
}

.report-flow-proof-window .report-flow-proof-container,
.report-flow-reason-container {
    display: flex;
    flex-direction: column;
    row-gap: 24px
}

.report-flow-proof-window .proof-field-title {
    color: #3f475a
}

.report-flow-proof-window .proof-field-required {
    color: #e3493f;
    margin-right: 2px
}

.report-flow-proof-window .report-field-box {
    row-gap: 6px
}

.report-flow-proof-window .proof-field-box,
.report-flow-proof-window .report-field-box {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden
}

.report-flow-proof-window .proof-field-box {
    row-gap: 16px
}

.report-flow-proof-window .proof-field-wrap {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.report-flow-proof-window .proof-field-wrap .proof-field-checkbox-title {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.report-flow-proof-window .proof-field-wrap .proof-field-checkbox-content {
    color: #929292;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 4px
}

.report-flow-proof-window .proof-detail-text-area {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    height: 104px;
    line-height: 16px
}

.report-flow-successful-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 20px;
    row-gap: 24px
}

.report-flow-successful-dialog .img {
    margin: auto
}

.report-flow-successful-dialog .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center
}

.report-flow-successful-dialog .description {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}

.report-flow-successful-dialog .cta-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.report-block-util-icon {
    color: #3e4451;
    font-weight: bolder;
    line-height: 24px;
    margin-left: 6px
}

.report-block-util-pop .operation-list {
    padding-right: 47px
}

.report-block-util-pop .order-detail-report-flow+.order-detail-report-flow {
    margin-top: 22px
}

.report-block-util-pop .order-detail-report-flow {
    align-items: center;
    color: #000;
    display: flex
}

.report-block-util-pop .order-detail-report-flow .entry-text {
    font-size: 14px;
    font-weight: 400
}

.report-block-util-pop .order-detail-report-flow .report-warning-icon {
    font-size: 18px
}

.report-block-util-pop .order-detail-report-flow .report-block-icon-svg {
    height: 18px;
    margin-right: 4px;
    width: 18px
}

.anit-fraud-box-wrapper {
    box-sizing: border-box;
    overflow: hidden;
    padding: 12px 16px 0;
    position: relative;
    width: 100%
}

.index_header-profile__\+8iaA {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

.index_user-info__15ezY {
    flex: 1 1;
    flex-direction: column
}

.index_user-info__15ezY .index_top__p6VRa {
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex
}

.index_user-info__15ezY .index_top__p6VRa .index_name__uAzzC {
    align-items: center;
    color: #35384a;
    color: var(--okd-color-gray-900);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.index_user-info__15ezY .index_top__p6VRa .index_name__uAzzC .index_im-click-name__jV1mh {
    cursor: pointer
}

.qrcode-popup .qrcode-icon {
    cursor: pointer;
    font-size: 28px
}

.qrcode-popup.disabled {
    pointer-events: none
}

.qrcode-popup.qrcode-small .qrcode-icon {
    font-size: 18px
}

.qrcode-popup .qrcode-logo {
    opacity: 0;
    position: absolute;
    right: 85px;
    top: 79px;
    transition: opacity .2s ease-out;
    width: 0;
    z-index: 2
}

.card-mess.account-container {
    background: var(--okd-color-background-2);
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    padding: 16px
}

.card-mess.account-container .account-header {
    border-bottom: 1px solid var(--okd-color-gray-100);
    display: flex;
    flex-direction: column;
    font-weight: 500;
    padding-bottom: 16px
}

.card-mess.account-container .account-header .account-desc,
.card-mess.account-container .account-header .account-title {
    color: var(--okd-color-gray-900);
    font-size: 14px;
    line-height: 16px
}

.card-mess.account-container .account-header .account-desc {
    margin-top: 8px
}

.card-mess.account-container .account-header .account-desc-icon .icon-block,
.card-mess.account-container .account-header .account-desc-icon .pay-icon {
    display: inline-block;
    height: 8px;
    margin-right: 8px;
    margin-top: 0;
    width: 2px
}

.card-mess.account-container .account-info-content .account-info {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    margin-top: 20px;
    position: relative
}

.card-mess.account-container .account-info-content .account-info .account-label {
    color: var(--okd-color-gray-400);
    line-height: 16px;
    max-width: 70%;
    min-width: 66px
}

.card-mess.account-container .account-info-content .account-info .account-value {
    align-items: center;
    color: var(--okd-color-gray-900);
    display: inline-flex;
    line-height: 16px;
    margin-left: 12px;
    text-align: right;
    word-break: break-all
}

.card-mess.account-container .account-info-content .account-info .account-copy {
    color: var(--okd-color-text-light);
    cursor: pointer;
    font-size: 24px;
    margin-left: 4px
}

.card-mess.account-container .account-info-content .account-info .account-qrcode {
    flex-shrink: 0
}

.p2p-system-mess {
    align-items: center;
    box-sizing: border-box;
    color: #9aa1b1;
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 18px;
    padding: 0 10px;
    text-align: center;
    width: 100%
}

.tips-mess {
    color: #e84256
}

.card-mess {
    background-color: #edf0f7;
    border-radius: 2px;
    padding: 10px 12px
}

:root {
    --okd-color-neutral-5: #fff;
    --okd-color-neutral-10: #fafafa;
    --okd-color-neutral-20: #f3f3f3;
    --okd-color-neutral-30: #e6e6e6;
    --okd-color-neutral-40: #d9d9d9;
    --okd-color-neutral-50: #c7c7c7;
    --okd-color-neutral-60: #b3b3b3;
    --okd-color-neutral-70: #a7a7a7;
    --okd-color-neutral-80: #999;
    --okd-color-neutral-90: #909090;
    --okd-color-neutral-100: grey;
    --okd-color-neutral-110: #757575;
    --okd-color-neutral-120: #666;
    --okd-color-neutral-130: #5b5b5b;
    --okd-color-neutral-140: #4d4d4d;
    --okd-color-neutral-150: #414141;
    --okd-color-neutral-160: #383838;
    --okd-color-neutral-170: #272727;
    --okd-color-neutral-180: #1d1d1d;
    --okd-color-neutral-190: #0e0e0e;
    --okd-color-neutral-200: #000
}

.video-preview {
    border-radius: 4px
}

.okx-retail-close.close-video-icon {
    color: #fff;
    cursor: pointer;
    font-size: 40px;
    height: 40px;
    margin: 20px auto 0;
    text-align: center;
    width: 40px
}

.model-back {
    background: rgba(0, 0, 0, .7)
}

.app-nav {
    color: #7b8293;
    min-height: 48px;
    position: relative;
    z-index: 8000
}

.app-nav .app-nav-body {
    background: #000;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    color: #fff;
}

.app-nav .app-nav-cont {
    box-sizing: border-box;
    display: flex;
    height: 56px;
    justify-content: space-between;
    padding-left: 5px;
    padding-right: 0px;
    position: relative
}

.app-nav .nav-side-box {
    display: flex;
    flex-wrap: nowrap
}

.app-nav .item {
    align-items: center;
 
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 10px;
    min-height: 44px;
	color:#fff;
}

.app-nav .item .nav-text-hot-box {
    align-items: center;
    display: flex;
    position: relative
}

.app-nav .item .nav-item-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 16px 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.app-nav .item.more-icon {
    margin-right: 0
}

.app-nav .blockTradeTag {
    display: none
}

.app-nav .item-active {
    border-color: #1f2533;
    color: #1f2533
}

.app-nav .item-active .nav-icon {
    color: #1f2533
}

.app-nav .nav-icon {
    color: #929292;
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    margin-right: 8px;
    vertical-align: bottom
}

.app-nav .more-icon {
    cursor: default;
    margin-right: 0;
    position: relative;
    vertical-align: bottom
}

.app-nav .more-menus {
    background: #fff;
    border: thin solid #e9ebf2;
    border-radius: 2px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    margin-top: 2px;
    padding: 12px 0;
    position: absolute;
    right: 0;
    top: 100%;
    white-space: nowrap;
    z-index: 999
}

.app-nav .more-menus .item {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-weight: 400;
    height: 33px;
    margin-right: 0;
    max-width: none;
    min-height: 0;
    min-height: auto;
    min-width: 100%;
    padding: 0 24px 0 12px;
    position: relative;
    width: -moz-max-content;
    width: max-content
}

.app-nav .more-menus .item .nav-item-text {
    margin: 0
}

.app-nav .more-menus .item-dot {
    right: -10px;
    top: -2px
}

.app-nav .more-menus .item-active {
    border-color: transparent
}

.app-nav .more-menus .nav-icon {
    font-size: 20px
}

.app-nav .item-hot {
    background: #e84256;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 0;
    min-width: 20px;
    position: inherit;
    text-align: center;
    width: 20px
}

.app-nav .item-dot {
    background: #e84256;
    border-radius: 50%;
    height: 6px;
    margin-top: 4px;
    position: absolute;
    right: -4px;
    top: 8px;
    transform-origin: bottom left;
    width: 6px
}

.app-nav .more-menus-hidden {
    display: none
}

.app-nav .iconMore {
    transform: rotate(90deg)
}

.app-nav .nav-pc-icon {
    display: inline-block;
    transition: transform .2s linear
}

.app-nav .nav-pc-icon-active {
    transform: rotate(180deg)
}

.app-nav .more-icon:hover {
    margin-right: 0
}

.app-nav .icon-more {
    display: inline-block;
    font-size: 24px;
    vertical-align: bottom;
    width: 24px
}

.app-nav .icon-more:after {
    content: "";
    height: 100%;
    left: -50%;
    position: absolute;
    top: 0;
    width: 200%
}

.ssr-hidden-wrapper.hidden {
    visibility: hidden
}

.common-fetch-loading .loading-position-box {
    top: 80px;
    transform: translate(-50%)
}

.MerchantSearch_icon__-QaeJ {
    line-height: 56px;
    margin-left: 20px
}

.MerchantSearch_icon__-QaeJ.icon {
    font-size: 24px
}

.MerchantSearch_cont__hzOH8 {
    align-items: center;
    display: flex;
    height: 56px;
    padding-left: 1px;
    position: relative;
    width: 324px
}

.MerchantSearch_cont__hzOH8 .MerchantSearch_input__0f\+12 {
    width: 322px
}

.MerchantSearch_searchItem__YK2my {
    cursor: pointer;
    display: flex;
    padding: 10px 16px
}

.MerchantSearch_searchItem__YK2my:hover {
    background-color: var(--okd-select-option-hover-bg)
}

.MerchantSearch_searchAvatar__9NWRQ {
    align-items: center;
    display: flex;
    margin-right: 12px
}

.MerchantSearch_searchText__SoRcZ {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    line-height: 16px
}

.MerchantSearch_searchTextTitle__gVctq {
    align-items: center;
    display: flex;
    gap: 4px
}

.MerchantSearch_searchTextDesc__roz5C {
    color: rgba(0, 0, 0, .43);
    font-size: 12px;
    height: 16px;
    margin-top: 2px
}

.MerchantSearch_popper__wf1mU {
    height: 320px;
    margin: 8px 0;
    max-width: none;
    overflow-y: auto
}

.MerchantSearch_popperDesc__lJA\+\+ {
    margin-top: 8px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 100%
}

.MerchantSearch_popperEmpty__xyYWU {
    height: 300px;
    justify-content: center
}

.MerchantSearch_btn__X1duO {
    padding: 8px 16px
}

.Avatar_avatar__y3TZ5 {
    background-color: #0d0d0d;
    border-radius: 50%;
    color: #fff;
    display: block;
    position: relative;
    text-align: center
}

.Avatar_avatar__y3TZ5.Avatar_offline__Jbgb7 {
    background-color: rgba(0, 0, 0, .26)
}

.Avatar_avatar__y3TZ5.Avatar_offline__Jbgb7 .Avatar_badge__7TITC {
    background-color: #414141
}

.Avatar_sm__IQFjV {
    font-size: 17px;
    height: 24px;
    line-height: 28px;
    width: 24px
}

.Avatar_md__UsEOn {
    height: 32px;
    line-height: 32px;
    width: 32px
}

.Avatar_lg__tCU-z {
    height: 40px;
    line-height: 40px;
    width: 40px
}

.Avatar_badge__7TITC {
    background-color: #31bd65;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -1px;
    display: block;
    height: 8px;
    position: absolute;
    right: -3px;
    width: 8px
}

:root {
    --okd-badge-grey-background: hsla(0, 0%, 92%, .7);
    --okd-badge-grey-text-color: #3d3d3d;
    --okd-badge-grey-delete-color: #6e6e6e;
    --okd-badge-green-background: rgba(49, 189, 101, .15);
    --okd-badge-green-text-color: #31bd65;
    --okd-badge-green-delete-color: #31bd65;
    --okd-badge-red-background: rgba(235, 75, 109, .1);
    --okd-badge-red-text-color: #eb4b6d;
    --okd-badge-red-delete-color: #eb4b6d;
    --okd-badge-yellow-background: #fffcf5;
    --okd-badge-yellow-text-color: #d29801;
    --okd-badge-yellow-delete-color: #ffb905;
    --okd-badge-orange-background: #fef9f6;
    --okd-badge-orange-text-color: #f16514;
    --okd-badge-orange-delete-color: #f16514;
    --okd-badge-blue-background: #f5f9ff;
    --okd-badge-blue-text-color: #277dff;
    --okd-badge-blue-delete-color: #0569ff;
    --okd-badge-md-padding-vertical: 2px;
    --okd-badge-md-padding-horizontal: 8px;
    --okd-badge-lg-padding-vertical: 3px;
    --okd-badge-lg-padding-horizontal: 12px;
    --okd-badge-md-font-size: var(--okd-font-size-xs);
    --okd-badge-lg-font-size: var(--okd-font-size-md);
    --okd-badge-md-line-height: var(--okd-line-height-xs);
    --okd-badge-lg-line-height: var(--okd-line-height-base);
    --okd-badge-basic-md-radius: var(--okd-border-radius-xxl);
    --okd-badge-basic-lg-radius: var(--okd-border-radius-xxxl);
    --okd-badge-rounded-md-radius: var(--okd-border-radius-md);
    --okd-badge-rounded-lg-radius: var(--okd-border-radius-md)
}

#root {
    box-sizing: border-box;
    min-height: calc(100vh - 48px);
    padding-bottom: 100px;
    position: relative
}

#root.pb0 {
    padding-bottom: 0
}

.new-loading {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 900px;
    width: 100%
}

a {
    color: inherit
}

h2 {
    margin: 0;
    padding: 0
}

input {
    font-family: inherit;
    min-width: 0
}

.flex-fill {
    flex: 1 1
}

.mt2 {
    margin-top: 2px
}

.mt4 {
    margin-top: 4px
}

.mt6 {
    margin-top: 6px
}

.mt8 {
    margin-top: 8px
}

.mt10 {
    margin-top: 10px
}

.mt12 {
    margin-top: 12px
}

.mt16 {
    margin-top: 16px
}

.mt20 {
    margin-top: 20px
}

.mt24 {
    margin-top: 24px
}

.mt36 {
    margin-top: 36px
}

.ml4 {
    margin-left: 4px
}

.ml6 {
    margin-left: 6px
}

.ml8 {
    margin-left: 8px
}

.ml10 {
    margin-left: 10px
}

.ml12 {
    margin-left: 12px
}

.ml16 {
    margin-left: 16px
}

.ml24 {
    margin-left: 24px
}

.mr18 {
    margin-right: 18px
}

.mb2 {
    margin-bottom: 2px
}

.mb4 {
    margin-bottom: 4px
}

.mb6 {
    margin-bottom: 6px
}

.mb8 {
    margin-bottom: 8px
}

.mb10 {
    margin-bottom: 10px
}

.mb12 {
    margin-bottom: 12px
}

.mb16 {
    margin-bottom: 16px
}

.mb20 {
    margin-bottom: 20px
}

.mb24 {
    margin-bottom: 24px
}

.mb32 {
    margin-bottom: 32px
}

.mb37 {
    margin-bottom: 37px
}

.pt8 {
    padding-top: 8px
}

.pb8 {
    padding-bottom: 8px
}

.pb20 {
    padding-bottom: 20px
}

.c-sell {
    color: var(--color-down-text);
    color: var(--color-sell)
}

.c-buy {
    color: var(--color-up-text);
    color: var(--color-buy)
}

.c300 {
    color: #9aa1b1
}

.c400 {
    color: #7b8293
}

.c500 {
    color: #60687b
}

.c600 {
    color: #4f5669
}

.c700 {
    color: #3f475a
}

.c800 {
    color: #333a4d
}

.c900 {
    color: #1f2533
}

.align-right {
    text-align: right
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.align-center {
    align-items: center
}

.buy {
    color: var(--color-up-text);
    color: var(--color-buy)
}

.sell {
    color: var(--color-down-text);
    color: var(--color-sell)
}

:root {
    --color-buy: var(--color-up-text);
    --color-sell: var(--color-down-text);
    --color-buy-bg: var(--color-up-bg);
    --color-sell-bg: var(--color-down-bg);
    --color-buy-500: #5ec98d;
    --color-sell-500: #fb9191;
    --color-buy-200: #bef4d5;
    --color-sell-200: #ffd6d6
}

:root .cfg-red-up {
    --color-buy: var(--color-up-text);
    --color-sell: var(--color-down-text);
    --color-buy-bg: var(--color-up-bg);
    --color-sell-bg: var(--color-down-bg);
    --color-buy-500: #fb9191;
    --color-sell-500: #5ec98d;
    --color-buy-200: #ffd6d6;
    --color-sell-200: #bef4d5
}

html {
    font-size: 16px
}

.pointer-events-none {
    pointer-events: none
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.bottom-1 {
    bottom: .25rem
}

.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

.z-10 {
    z-index: 10
}

.z-\[1\] {
    z-index: 1
}

.float-right {
    float: right
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.-my-2 {
    margin-bottom: -.5rem;
    margin-top: -.5rem
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.-mb-\[120px\] {
    margin-bottom: -120px
}

.-mt-6 {
    margin-top: -1.5rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-auto {
    margin-left: auto
}

.mr-2 {
    margin-right: .5rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.size-32 {
    height: 8rem;
    width: 8rem
}

.h-2 {
    height: .5rem
}

.h-24 {
    height: 6rem
}

.h-28 {
    height: 7rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-\[268px\] {
    height: 268px
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-min {
    height: -moz-min-content;
    height: min-content
}

.h-px {
    height: 1px
}

.max-h-52 {
    max-height: 13rem
}

.min-h-40 {
    min-height: 10rem
}

.min-h-8 {
    min-height: 2rem
}

.min-h-\[385px\] {
    min-height: 385px
}

.\!w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-2 {
    width: .5rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-8 {
    width: 2rem
}

.w-\[0\.5px\] {
    width: .5px
}

.w-\[280px\] {
    width: 280px
}

.w-\[352px\] {
    width: 352px
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.min-w-14 {
    min-width: 3.5rem
}

.min-w-40 {
    min-width: 10rem
}

.min-w-6 {
    min-width: 1.5rem
}

.max-w-20 {
    max-width: 5rem
}

.max-w-40 {
    max-width: 10rem
}

.max-w-44 {
    max-width: 11rem
}

.max-w-52 {
    max-width: 13rem
}

.max-w-\[390px\] {
    max-width: 390px
}

.max-w-\[422px\] {
    max-width: 422px
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[690px\] {
    max-width: 690px
}

.max-w-\[936px\] {
    max-width: 936px
}

.max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.max-w-full {
    max-width: 100%
}

.flex-1 {
    flex: 1 1
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.list-disc {
    list-style-type: disc
}

.auto-rows-auto {
    grid-auto-rows: auto
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.content-baseline {
    align-content: baseline
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.gap-1 {
    gap: .25rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[6px\] {
    gap: 6px
}

.gap-x-0 {
    -moz-column-gap: 0;
    column-gap: 0
}

.gap-x-0\.5 {
    -moz-column-gap: .125rem;
    column-gap: .125rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-9 {
    -moz-column-gap: 2.25rem;
    column-gap: 2.25rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-2\.5 {
    row-gap: .625rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.overflow-hidden,
.truncate {
    overflow: hidden
}

.truncate {
    text-overflow: ellipsis;
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

.whitespace-pre-line {
    white-space: pre-line
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.break-words {
    overflow-wrap: break-word
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-xl {
    border-radius: .75rem
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-\[0\.5px\] {
    border-width: .5px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-\[0\.5px\] {
    border-bottom-width: .5px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-\[0\.5px\] {
    border-top-width: .5px
}

.border-solid {
    border-style: solid
}

.border-\[\#00000014\] {
    border-color: #00000014
}

.border-\[\#E6E6E6\] {
    --tw-border-opacity: 1;
    border-color: rgb(230 230 230/var(--tw-border-opacity))
}

.border-\[\#EBEBEB\] {
    --tw-border-opacity: 1;
    border-color: rgb(235 235 235/var(--tw-border-opacity))
}

.border-\[\#EDF0F7\] {
    --tw-border-opacity: 1;
    border-color: rgb(237 240 247/var(--tw-border-opacity))
}

.border-\[\#F2F2F2\] {
    --tw-border-opacity: 1;
    border-color: rgb(242 242 242/var(--tw-border-opacity))
}

.border-\[\#ccd2dc\] {
    --tw-border-opacity: 1;
    border-color: rgb(204 210 220/var(--tw-border-opacity))
}

.border-\[\#dbdbdb\] {
    --tw-border-opacity: 1;
    border-color: rgb(219 219 219/var(--tw-border-opacity))
}

.border-\[\#e9ebf2\] {
    --tw-border-opacity: 1;
    border-color: rgb(233 235 242/var(--tw-border-opacity))
}

.border-\[\#edf0f7\] {
    --tw-border-opacity: 1;
    border-color: rgb(237 240 247/var(--tw-border-opacity))
}

.border-c-border-primary {
    border-color: var(--okd-color-border-primary)
}

.\!bg-\[\#FFEDCB\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 237 203/var(--tw-bg-opacity)) !important
}

.\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.bg-\[\#0569FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(5 105 255/var(--tw-bg-opacity))
}

.bg-\[\#31BD65\] {
    --tw-bg-opacity: 1;
    background-color: rgb(49 189 101/var(--tw-bg-opacity))
}

.bg-\[\#DBDBDB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(219 219 219/var(--tw-bg-opacity))
}

.bg-\[\#EBEBEB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235/var(--tw-bg-opacity))
}

.bg-\[\#F6F6F6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity))
}

.bg-\[\#F7F7F7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity))
}

.bg-\[\#FFB117\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 177 23/var(--tw-bg-opacity))
}

.bg-\[\#e96010\] {
    --tw-bg-opacity: 1;
    background-color: rgb(233 96 16/var(--tw-bg-opacity))
}

.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-bgcolor2 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity))
}

.bg-c-bg-surface-disable {
    background-color: var(--okd-color-background-surface-disable)
}

.bg-c-bg-surface-primary {
    background-color: var(--okd-color-background-surface-primary)
}

.bg-c-bg-surface-secondary {
    background-color: var(--okd-color-background-surface-secondary)
}

.bg-gray050 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249/var(--tw-bg-opacity))
}

.bg-gray200 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 219 219/var(--tw-bg-opacity))
}

.bg-hlight {
    --tw-bg-opacity: 1;
    background-color: rgb(188 255 47/var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.p-\[2px\] {
    padding: 2px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-28 {
    padding-bottom: 7rem;
    padding-top: 7rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-52 {
    padding-bottom: 13rem;
    padding-top: 13rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[2px\] {
    padding-bottom: 2px
}

.pl-1 {
    padding-left: .25rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-\[2px\] {
    padding-left: 2px
}

.pl-\[46px\] {
    padding-left: 46px
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-6 {
    padding-top: 1.5rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-middle {
    vertical-align: middle
}

.align-text-bottom {
    vertical-align: text-bottom
}

.\!text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-2xl\/7 {
    font-size: 1.5rem;
    line-height: 1.75rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[32px\]\/tight {
    font-size: 32px;
    line-height: 1.25
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-base\/5 {
    font-size: 1rem;
    line-height: 1.25rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-lg\/6 {
    font-size: 1.125rem;
    line-height: 1.5rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-sm\/4 {
    font-size: .875rem;
    line-height: 1rem
}

.text-sm\/5 {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-sm\/6 {
    font-size: .875rem;
    line-height: 1.5rem
}

.text-sm\/normal {
    font-size: .875rem;
    line-height: 1.5
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xl\/6 {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-xs\/5 {
    font-size: .75rem;
    line-height: 1.25rem
}

.text-xs\/\[18px\] {
    font-size: .75rem;
    line-height: 18px
}

.text-xs\/normal {
    font-size: .75rem;
    line-height: 1.5
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-\[16px\] {
    line-height: 16px
}

.leading-\[22px\] {
    line-height: 22px
}

.\!text-linkblue {
    --tw-text-opacity: 1 !important;
    color: rgb(32 95 236/var(--tw-text-opacity)) !important
}

.text-\[\#000000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-\[\#31BD65\] {
    --tw-text-opacity: 1;
    color: rgb(49 189 101/var(--tw-text-opacity))
}

.text-\[\#3D3D3D\] {
    --tw-text-opacity: 1;
    color: rgb(61 61 61/var(--tw-text-opacity))
}

.text-\[\#5B5B5B\] {
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity))
}

.text-\[\#6E6E6E\] {
    --tw-text-opacity: 1;
    color: rgb(110 110 110/var(--tw-text-opacity))
}

.text-\[\#8A91FF\] {
    --tw-text-opacity: 1;
    color: rgb(138 145 255/var(--tw-text-opacity))
}

.text-\[\#909090\] {
    --tw-text-opacity: 1;
    color: rgb(144 144 144/var(--tw-text-opacity))
}

.text-\[\#929292\] {
    --tw-text-opacity: 1;
    color: rgb(146 146 146/var(--tw-text-opacity))
}

.text-\[\#B3B3B3\] {
    --tw-text-opacity: 1;
    color: rgb(179 179 179/var(--tw-text-opacity))
}

.text-\[\#E3493F\] {
    --tw-text-opacity: 1;
    color: rgb(227 73 63/var(--tw-text-opacity))
}

.text-\[\#EB4B6D\],
.text-\[\#eb4b6d\] {
    --tw-text-opacity: 1;
    color: rgb(235 75 109/var(--tw-text-opacity))
}

.text-\[color\:--okd-color-gray-400\] {
    color: var(--okd-color-gray-400)
}

.text-\[var\(--color-buy\)\] {
    color: var(--color-up-text);
    color: var(--color-buy)
}

.text-\[var\(--color-sell\)\] {
    color: var(--color-down-text);
    color: var(--color-sell)
}

.text-\[var\(--okd-color-semantic-negative\)\] {
    color: var(--okd-color-semantic-negative)
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-c-content-contrast {
    color: var(--okd-color-content-contrast)
}

.text-c-content-primary {
    color: var(--okd-color-content-primary)
}

.text-c-content-secondary {
    color: var(--okd-color-content-secondary)
}

.text-c-content-tertiary {
    color: var(--okd-color-content-tertiary)
}

.text-gray700 {
    --tw-text-opacity: 1;
    color: rgb(61 61 61/var(--tw-text-opacity))
}

.text-grey {
    --tw-text-opacity: 1;
    color: rgb(128 128 128/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-white\/40 {
    color: hsla(0, 0%, 100%, .4)
}

.underline {
    text-decoration-line: underline
}

.decoration-\[\#B3B3B3\] {
    text-decoration-color: #b3b3b3
}

.decoration-1 {
    text-decoration-thickness: 1px
}

.underline-offset-2 {
    text-underline-offset: 2px
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.invert {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.invert {
    --tw-invert: invert(100%)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.odd\:size-12:nth-child(odd) {
    height: 3rem;
    width: 3rem
}

.odd\:bg-white:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.even\:w-12:nth-child(2n) {
    width: 3rem
}

.even\:bg-\[\#F9F9F9\]:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249/var(--tw-bg-opacity))
}

.ok-engine-align:before {
    content: "\e00d";
    font-family: fa-1bfda88da2
}

.ok-engine-update:before {
    content: "\e012";
    font-family: fa-1bfda88da2
}

.ok-engine-more:before {
    content: "\e013";
    font-family: fa-1bfda88da2
}

.ok-engine-conversion:before {
    content: "\e015";
    font-family: fa-1bfda88da2
}

.ok-engine-activities:before {
    content: "\e016";
    font-family: fa-1bfda88da2
}

.ok-engine-roi:before {
    content: "\e017";
    font-family: fa-1bfda88da2
}

.ok-engine-performance:before {
    content: "\e018";
    font-family: fa-1bfda88da2
}

.ok-engine-crm:before {
    content: "\e019";
    font-family: fa-1bfda88da2
}

.ok-engine-information-circle:before {
    content: "\e01a";
    font-family: fa-1bfda88da2
}

.ok-engine-apply:before {
    content: "\e01b";
    font-family: fa-1bfda88da2
}

.ok-engine-checkmark:before {
    content: "\e01c";
    font-family: fa-1bfda88da2
}

.ok-engine-arrow-chevron-up:before {
    content: "\e01d";
    font-family: fa-1bfda88da2
}

.ok-engine-arrow-chevron-down:before {
    content: "\e01e";
    font-family: fa-1bfda88da2
}

.ok-engine-documentation:before {
    content: "\e01f";
    font-family: fa-1bfda88da2
}

.ok-engine-arrow-down:before {
    content: "\e020";
    font-family: fa-1bfda88da2
}

.ok-engine-information-circle-1:before {
    content: "\e021";
    font-family: fa-1bfda88da2
}

.ok-engine-attachment:before {
    content: "\e022";
    font-family: fa-1bfda88da2
}

.ok-engine-plussquare:before {
    content: "\e023";
    font-family: fa-1bfda88da2
}

.ok-engine-delete:before {
    content: "\e024";
    font-family: fa-1bfda88da2
}

.ok-engine-copy:before {
    content: "\e025";
    font-family: fa-1bfda88da2
}

.ok-engine-radio-1:before {
    content: "\e026";
    font-family: fa-1bfda88da2
}

.ok-engine-radio-2:before {
    content: "\e027";
    font-family: fa-1bfda88da2
}

.ok-engine-calendar:before {
    content: "\e028";
    font-family: fa-1bfda88da2
}

.ok-engine-form:before {
    content: "\e029";
    font-family: fa-1bfda88da2
}

.ok-engine-check:before {
    content: "\e02a";
    font-family: fa-1bfda88da2
}

.ok-engine-finance:before {
    content: "\e02b";
    font-family: fa-1bfda88da2
}

.ok-engine-homepage-old:before {
    content: "\e02c";
    font-family: fa-1bfda88da2
}

.ok-engine-doubleright-down:before {
    content: "\e02d";
    font-family: fa-1bfda88da2
}

.ok-engine-doubleright-up:before {
    content: "\e02e";
    font-family: fa-1bfda88da2
}

.ok-engine-comments:before {
    content: "\e02f";
    font-family: fa-1bfda88da2
}

.ok-engine-liked:before {
    content: "\e030";
    font-family: fa-1bfda88da2
}

.ok-engine-like:before {
    content: "\e031";
    font-family: fa-1bfda88da2
}

.ok-engine-send:before {
    content: "\e032";
    font-family: fa-1bfda88da2
}

.ok-engine-modify-filters:before {
    content: "\e036";
    font-family: fa-1bfda88da2
}

.ok-engine-cokkapse-filters:before {
    content: "\e037";
    font-family: fa-1bfda88da2
}

.ok-engine-modify-filters-1:before {
    content: "\e038";
    font-family: fa-1bfda88da2
}

.ok-engine-user:before {
    content: "\e03d";
    font-family: fa-1bfda88da2
}

.ok-engine-passwords:before {
    content: "\e03e";
    font-family: fa-1bfda88da2
}

.ok-engine-add:before {
    content: "\e03f";
    font-family: fa-1bfda88da2
}

.ok-engine-camera:before {
    content: "\e040";
    font-family: fa-1bfda88da2
}

.ok-engine-magic-stick:before {
    content: "\e041";
    font-family: fa-1bfda88da2
}

.ok-engine-download:before {
    content: "\e042";
    font-family: fa-1bfda88da2
}

.ok-engine-restore:before {
    content: "\e043";
    font-family: fa-1bfda88da2
}

.ok-engine-spin:before {
    content: "\e044";
    font-family: fa-1bfda88da2
}

.ok-engine-subtract:before {
    content: "\e045";
    font-family: fa-1bfda88da2
}

.ok-engine-add-information:before {
    content: "\e046";
    font-family: fa-1bfda88da2
}

.ok-engine-language--english:before {
    content: "\e047";
    font-family: fa-1bfda88da2
}

.ok-engine-language--chinese:before {
    content: "\e048";
    font-family: fa-1bfda88da2
}

.ok-engine-notifications:before {
    content: "\e049";
    font-family: fa-1bfda88da2
}

.ok-engine-annual-leave:before {
    content: "\e04a";
    font-family: fa-1bfda88da2
}

.ok-engine-performance-publicity:before {
    content: "\e04b";
    font-family: fa-1bfda88da2
}

.ok-engine-growth-data-analysis:before {
    content: "\e04c";
    font-family: fa-1bfda88da2
}

.ok-engine-account-manage:before {
    content: "\e04d";
    font-family: fa-1bfda88da2
}

.ok-engine-finance-1:before {
    content: "\e04e";
    font-family: fa-1bfda88da2
}

.ok-engine-home:before {
    content: "\e04f";
    font-family: fa-1bfda88da2
}

.ok-engine-okr:before {
    content: "\e050";
    font-family: fa-1bfda88da2
}

.ok-engine-performance-1:before {
    content: "\e051";
    font-family: fa-1bfda88da2
}

.ok-engine-arrows:before {
    content: "\e052";
    font-family: fa-1bfda88da2
}

.ok-engine-question:before {
    content: "\e053";
    font-family: fa-1bfda88da2
}

.ok-engine-invisible:before {
    content: "\e054";
    font-family: fa-1bfda88da2
}

.ok-engine-star:before {
    content: "\e055";
    font-family: fa-1bfda88da2
}

.ok-engine-visible:before {
    content: "\e056";
    font-family: fa-1bfda88da2
}

.ok-engine-language:before {
    content: "\e057";
    font-family: fa-1bfda88da2
}

.ok-engine-account:before {
    content: "\e058";
    font-family: fa-1bfda88da2
}

.ok-engine-salary-password:before {
    content: "\e059";
    font-family: fa-1bfda88da2
}

.ok-engine-password:before {
    content: "\e05a";
    font-family: fa-1bfda88da2
}

.ok-engine-user-1:before {
    content: "\e05b";
    font-family: fa-1bfda88da2
}

.ok-engine-porformance-2:before {
    content: "\e05c";
    font-family: fa-1bfda88da2
}

.ok-engine-honor:before {
    content: "\e05d";
    font-family: fa-1bfda88da2
}

.ok-engine-mark:before {
    content: "\e05e";
    font-family: fa-1bfda88da2
}

.ok-engine-report:before {
    content: "\e05f";
    font-family: fa-1bfda88da2
}

@font-face {
    font-display: block;
    font-family: fa-1bfda88da2;
    font-style: normal;
    src: url(images/0dde85a897a87d4ba9f8.woff2) format("woff2")
}

[dir=rtl] .ok-engine-question:before {
    transform: scaleX(-1)
}

.okx-retail-reward-filled {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-reward-filled:before {
    content: "\e032";
    font-family: ok-121bd9ca5b
}

.okx-retail-tips {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-tips:before {
    content: "\e033";
    font-family: ok-121bd9ca5b
}

.okx-retail-calendar {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-calendar:before {
    content: "\e031";
    font-family: ok-121bd9ca5b
}

.okx-retail-bridge {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-bridge:before {
    content: "\e030";
    font-family: ok-121bd9ca5b
}

.okx-retail-arbitrage-order {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-arbitrage-order:before {
    content: "\e02b";
    font-family: ok-121bd9ca5b
}

.okx-retail-airdrop-zone {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-airdrop-zone:before {
    content: "\e02c";
    font-family: ok-121bd9ca5b
}

.okx-retail-eth20 {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-eth20:before {
    content: "\e02d";
    font-family: ok-121bd9ca5b
}

.okx-retail-token {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-token:before {
    content: "\e02e";
    font-family: ok-121bd9ca5b
}

.okx-retail-wire-transfer {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-wire-transfer:before {
    content: "\e02f";
    font-family: ok-121bd9ca5b
}

.okx-retail-overview {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-overview:before {
    content: "\e02a";
    font-family: ok-121bd9ca5b
}

.okx-retail-trending-down {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-trending-down:before {
    content: "\e029";
    font-family: ok-121bd9ca5b
}

.okx-retail-trending-up {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-trending-up:before {
    content: "\e028";
    font-family: ok-121bd9ca5b
}

.okx-retail-checkmark {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-checkmark:before {
    content: "\e027";
    font-family: ok-121bd9ca5b
}

.okx-retail-switch-protocol {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-switch-protocol:before {
    content: "\e026";
    font-family: ok-121bd9ca5b
}

.okx-retail-surge-lightning {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-surge-lightning:before {
    content: "\e025";
    font-family: ok-121bd9ca5b
}

.okx-retail-p2p {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-p2p:before {
    content: "\e024";
    font-family: ok-121bd9ca5b
}

.okx-retail-agree {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-agree:before {
    content: "\e000";
    font-family: ok-121bd9ca5b
}

.okx-retail-arrow {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-arrow:before {
    content: "\e001";
    font-family: ok-121bd9ca5b
}

.okx-retail-arrow-pointer {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-arrow-pointer:before {
    content: "\e002";
    font-family: ok-121bd9ca5b
}

.okx-retail-clock {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-clock:before {
    content: "\e003";
    font-family: ok-121bd9ca5b
}

.okx-retail-close {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-close:before {
    content: "\e004";
    font-family: ok-121bd9ca5b
}

.okx-retail-discord {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-discord:before {
    content: "\e005";
    font-family: ok-121bd9ca5b
}

.okx-retail-lighting-circle {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-lighting-circle:before {
    content: "\e006";
    font-family: ok-121bd9ca5b
}

.okx-retail-automated {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-automated:before {
    content: "\e007";
    font-family: ok-121bd9ca5b
}

.okx-retail-bearish {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-bearish:before {
    content: "\e008";
    font-family: ok-121bd9ca5b
}

.okx-retail-borrow-crypto {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-borrow-crypto:before {
    content: "\e009";
    font-family: ok-121bd9ca5b
}

.okx-retail-bullish {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-bullish:before {
    content: "\e00a";
    font-family: ok-121bd9ca5b
}

.okx-retail-buy-crypto-express {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-buy-crypto-express:before {
    content: "\e00b";
    font-family: ok-121bd9ca5b
}

.okx-retail-clock-1 {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-clock-1:before {
    content: "\e00c";
    font-family: ok-121bd9ca5b
}

.okx-retail-lighting {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-lighting:before {
    content: "\e00d";
    font-family: ok-121bd9ca5b
}

.okx-retail-warning {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-warning:before {
    content: "\e00e";
    font-family: ok-121bd9ca5b
}

.okx-retail-down-arrow {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-down-arrow:before {
    content: "\e00f";
    font-family: ok-121bd9ca5b
}

.okx-retail-fees {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-fees:before {
    content: "\e010";
    font-family: ok-121bd9ca5b
}

.okx-retail-website {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-website:before {
    content: "\e011";
    font-family: ok-121bd9ca5b
}

.okx-retail-fibonacci-retracements {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-fibonacci-retracements:before {
    content: "\e012";
    font-family: ok-121bd9ca5b
}

.okx-retail-incompatible {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-incompatible:before {
    content: "\e013";
    font-family: ok-121bd9ca5b
}

.okx-retail-info {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-info:before {
    content: "\e014";
    font-family: ok-121bd9ca5b
}

.okx-retail-stepperuse-1processing {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-stepperuse-1processing:before {
    content: "\e015";
    font-family: ok-121bd9ca5b
}

.okx-retail-flexible {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-flexible:before {
    content: "\e016";
    font-family: ok-121bd9ca5b
}

.okx-retail-lending-activities {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-lending-activities:before {
    content: "\e017";
    font-family: ok-121bd9ca5b
}

.okx-retail-stepperuse-2waiting {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-stepperuse-2waiting:before {
    content: "\e018";
    font-family: ok-121bd9ca5b
}

.okx-retail-stepperuse-failed {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-stepperuse-failed:before {
    content: "\e019";
    font-family: ok-121bd9ca5b
}

.okx-retail-stepperuse-finish {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-stepperuse-finish:before {
    content: "\e01a";
    font-family: ok-121bd9ca5b
}

.okx-retail-telegram {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-telegram:before {
    content: "\e01b";
    font-family: ok-121bd9ca5b
}

.okx-retail-twitter {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-twitter:before {
    content: "\e01c";
    font-family: ok-121bd9ca5b
}

.okx-retail-up-arrow {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-up-arrow:before {
    content: "\e01d";
    font-family: ok-121bd9ca5b
}

.okx-retail-video {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-video:before {
    content: "\e01e";
    font-family: ok-121bd9ca5b
}

.okx-retail-recurring-orderlist {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-recurring-orderlist:before {
    content: "\e01f";
    font-family: ok-121bd9ca5b
}

.okx-retail-stepperuse-2processing {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-stepperuse-2processing:before {
    content: "\e020";
    font-family: ok-121bd9ca5b
}

.okx-retail-success {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-success:before {
    content: "\e021";
    font-family: ok-121bd9ca5b
}

.okx-retail-whitebook {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-whitebook:before {
    content: "\e022";
    font-family: ok-121bd9ca5b
}

.okx-retail-twitterx {
    --ok-icon-font-family: "ok-121bd9ca5b"
}

.okx-retail-twitterx:before {
    content: "\e023";
    font-family: ok-121bd9ca5b
}



[dir=rtl] .okx-retail-arrow-pointer:before,
[dir=rtl] .okx-retail-arrow:before,
[dir=rtl] .okx-retail-fees:before {
    transform: scaleX(-1)
}

.okx-cr-hot {
    --ok-icon-font-family: "ok-a863d5457b"
}

.okx-cr-hot:before {
    content: "\e000";
    font-family: ok-a863d5457b
}

.iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-style: normal
}

.iconfont:before {
    display: inline-block
}

@font-face {
    font-display: block;
    font-family: ok-a863d5457b;
    font-style: normal;
    src: url(images/44bca1b6e9374fddfdd3.woff2) format("woff2")
}